2
0
mirror of https://github.com/ACSPRI/queXS synced 2024-04-02 12:12:16 +00:00

Update to Limesurvey revision 11132 (part two)

This commit is contained in:
azammitdcarf
2011-10-10 01:26:21 +00:00
parent 11c5f3e1df
commit 859396b9d0
14 changed files with 2501 additions and 0 deletions

View File

@@ -0,0 +1,61 @@
.dynamic-tab-pane-control.tab-pane {
position: relative;
width: 100%;
}
.dynamic-tab-pane-control .tab-row .tab {
font: Menu;
cursor: Default;
display: inline;
margin: 1px -1px 1px 2px;
float: left;
padding: 2px 5px 3px 5px;
background: ActiveBorder;
border: 0; /* 1px solid; */
border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow
ThreeDHighlight;
border-bottom: 0;
z-index: 1;
white-space: nowrap;
position: relative;
top: 0;
}
.dynamic-tab-pane-control .tab-row .tab.selected {
background: ThreeDHighlight !important;
border: 1px solid ThreeDDarkShadow;
border-bottom: 0;
z-index: 3;
padding: 2px 6px 4px 6px;
margin: 1px -3px -3px 0px;
top: -2px;
}
.dynamic-tab-pane-control .tab-row .tab a {
font: Menu;
color: WindowText;
text-decoration: none;
cursor: default;
}
.dynamic-tab-pane-control .tab-row .tab.hover {
background: Highlight;
}
.dynamic-tab-pane-control .tab-page {
clear: both;
border: 1px solid ThreeDDarkShadow;
background: ThreeDHighlight;
z-index: 2;
position: relative;
top: -2px;
color: WindowText;
font: Message-Box;
padding: 10px;
height: 200px;
}
.dynamic-tab-pane-control .tab-row {
z-index: 1;
white-space: nowrap;
}

View File

@@ -0,0 +1,59 @@
.dynamic-tab-pane-control.tab-pane {
position: relative;
width: 100%;
}
.dynamic-tab-pane-control .tab-row .tab {
font: Menu;
cursor: Default;
display: inline;
margin: 1px -2px 1px 2px;
float: left;
padding: 2px 5px 3px 5px;
background: ThreeDFace;
border: 1px solid;
border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow
ThreeDHighlight;
border-bottom: 0;
z-index: 1;
position: relative;
top: 0;
}
.dynamic-tab-pane-control .tab-row .tab.selected {
border-bottom: 0;
z-index: 3;
padding: 2px 6px 5px 7px;
margin: 1px -3px -2px 0px;
top: -2px;
}
.dynamic-tab-pane-control .tab-row .tab a {
font: Menu;
color: WindowText;
text-decoration: none;
cursor: default;
}
.dynamic-tab-pane-control .tab-row .hover a {
color: blue;
}
.dynamic-tab-pane-control .tab-page {
clear: both;
border: 1px solid;
border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow
ThreeDHighlight;
background: ThreeDFace;
z-index: 2;
position: relative;
top: -2px;
color: WindowText;
font: Message-Box;
padding: 10px;
}
.dynamic-tab-pane-control .tab-row {
z-index: 1;
white-space: nowrap;
}

View File

@@ -0,0 +1,213 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Tab Pane Demo (WebFX)</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="local/webfxlayout.js"></script>
<!-- this link element includes the css definitions that describes the tab pane -->
<!--
<link type="text/css" rel="stylesheet" href="tab.winclassic.css" />
-->
<link id="luna-tab-style-sheet" type="text/css" rel="stylesheet"
href="css/luna/tab.css" disabled="disabled" />
<link id="webfx-tab-style-sheet" type="text/css" rel="stylesheet"
href="css/tab.webfx.css" disabled="disabled" />
<link id="winclassic-tab-style-sheet" type="text/css" rel="stylesheet"
href="css/tab.winclassic.css" disabled="disabled" />
<!-- the id is not needed. It is used here to be able to change css file at runtime -->
<style type="text/css">
.dynamic-tab-pane-control .tab-page {
height: 200px;
}
.dynamic-tab-pane-control .tab-page .dynamic-tab-pane-control .tab-page
{
height: 100px;
}
html,body {
background: ThreeDFace;
}
form {
margin: 0;
padding: 0;
}
/* over ride styles from webfxlayout */
body {
margin: 10px;
width: auto;
height: auto;
}
.dynamic-tab-pane-control h2 {
text-align: center;
width: auto;
}
.dynamic-tab-pane-control h2 a {
display: inline;
width: auto;
}
.dynamic-tab-pane-control a:hover {
background: transparent;
}
</style>
<script type="text/javascript" src="js/tabpane.js"></script>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
function setLinkSrc( sStyle ) {
document.getElementById( "luna-tab-style-sheet" ).disabled = sStyle != "luna";
document.getElementById( "webfx-tab-style-sheet" ).disabled = sStyle != "webfx"
document.getElementById( "winclassic-tab-style-sheet" ).disabled = sStyle != "winclassic"
document.documentElement.style.background =
document.body.style.background = sStyle == "webfx" ? "white" : "ThreeDFace";
}
setLinkSrc( "luna" );
//]]>
</script>
<form action="#">
<fieldset><legend>Select Style Sheet</legend> <input
id="luna-radio" type="radio" name="tab-css-radio" checked="checked"
value="css/luna/tab.css" onclick="setLinkSrc('luna')" /> <label
for="luna-radio">luna/tab.css</label> <br />
<input id="webfx-radio" type="radio" name="tab-css-radio"
value="css/tab.webfx.css" onclick="setLinkSrc('webfx')" /> <label
for="webfx-radio">tab.webfx.css</label> <br />
<input id="classic-radio" type="radio" name="tab-css-radio"
value="css/tab.winclassic.css" onclick="setLinkSrc('winclassic')" /> <label
for="classic-radio">tab.winclassic.css</label></fieldset>
</form>
<p>&nbsp;</p>
<div class="tab-pane" id="tabPane1"><script type="text/javascript">
tp1 = new WebFXTabPane( document.getElementById( "tabPane1" ) );
//tp1.setClassNameTag( "dynamic-tab-pane-control-luna" );
//alert( 0 )
</script>
<div class="tab-page" id="tabPage1">
<h2 class="tab">General</h2>
<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage1" ) );</script>
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.</div>
<div class="tab-page" id="tabPage2">
<h2 class="tab">Security</h2>
<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage2" ) );</script>
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2. <br />
<br />
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.</div>
<div class="tab-page" id="tabPage3">
<h2 class="tab">Privacy</h2>
<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage3" ) );</script>
This is text of tab 3. This is text of tab 3. This is text of tab 3.
This is text of tab 3. This is text of tab 3. This is text of tab 3.
This is text of tab 3. This is text of tab 3. This is text of tab 3.</div>
<div class="tab-page" id="tabPage4">
<h2 class="tab">Content</h2>
<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage4" ) );</script>
<fieldset><legend>Content</legend> This is text of tab 4.
This is text of tab 4. This is text of tab 4. This is text of tab 4.
This is text of tab 4. This is text of tab 4. This is text of tab 4.
This is text of tab 4. This is text of tab 4.</fieldset>
</div>
</div>
<p>Another tab below</p>
<!-- id is not necessary unless you want to support multiple tabs with persistence -->
<div class="tab-pane" id="tabPane2">
<div class="tab-page">
<h2 class="tab">General</h2>
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.</div>
<div class="tab-page">
<h2 class="tab">Security</h2>
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2. <br />
<br />
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.</div>
<div class="tab-page">
<h2 class="tab">Nested</h2>
<!-- id is not necessary unless you want to support multiple tabs with persistence -->
<div class="tab-pane" id="tabPane3">
<div class="tab-page">
<h2 class="tab">General</h2>
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.
This is text of tab 1. This is text of tab 1. This is text of tab 1.</div>
<div class="tab-page">
<h2 class="tab">Privacy</h2>
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.</div>
</div>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
setupAllTabs();
//]]>
</script>
</body>
</html>

View File

@@ -0,0 +1,327 @@
/*----------------------------------------------------------------------------\
| Tab Pane 1.02 |
|-----------------------------------------------------------------------------|
| Created by Erik Arvidsson |
| (http://webfx.eae.net/contact.html#erik) |
| For WebFX (http://webfx.eae.net/) |
|-----------------------------------------------------------------------------|
| Copyright (c) 2002, 2003, 2006 Erik Arvidsson |
|-----------------------------------------------------------------------------|
| Licensed under the Apache License, Version 2.0 (the "License"); you may not |
| use this file except in compliance with the License. You may obtain a copy |
| of the License at http://www.apache.org/licenses/LICENSE-2.0 |
| - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, WITHOUT |
| WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the |
| License for the specific language governing permissions and limitations |
| under the License. |
|-----------------------------------------------------------------------------|
| 2002-01-?? | First working version |
| 2002-02-17 | Cleaned up for 1.0 public version |
| 2003-02-18 | Changed from javascript uri for anchors to return false |
| 2003-03-03 | Added dispose methods to release IE memory |
| 2006-05-28 | Changed license to Apache Software License 2.0. |
|-----------------------------------------------------------------------------|
| Dependencies: *.css a css file to define the layout |
|-----------------------------------------------------------------------------|
| Created 2002-01-?? | All changes are in the log above. | Updated 2006-05-28 |
\----------------------------------------------------------------------------*/
// This function is used to define if the browser supports the needed
// features
function hasSupport() {
if (typeof hasSupport.support != "undefined")
return hasSupport.support;
var ie55 = /msie 5\.[56789]/i.test( navigator.userAgent );
hasSupport.support = ( typeof document.implementation != "undefined" &&
document.implementation.hasFeature( "html", "1.0" ) || ie55 )
// IE55 has a serious DOM1 bug... Patch it!
if ( ie55 ) {
document._getElementsByTagName = document.getElementsByTagName;
document.getElementsByTagName = function ( sTagName ) {
if ( sTagName == "*" )
return document.all;
else
return document._getElementsByTagName( sTagName );
};
}
return hasSupport.support;
}
///////////////////////////////////////////////////////////////////////////////////
// The constructor for tab panes
//
// el : HTMLElement The html element used to represent the tab pane
// bUseCookie : Boolean Optional. Default is true. Used to determine whether to us
// persistance using cookies or not
//
function WebFXTabPane( el, bUseCookie ) {
if ( !hasSupport() || el == null ) return;
this.element = el;
this.element.tabPane = this;
this.pages = [];
this.selectedIndex = null;
this.useCookie = bUseCookie != null ? bUseCookie : true;
// add class name tag to class name
this.element.className = this.classNameTag + " " + this.element.className;
// add tab row
this.tabRow = document.createElement( "div" );
this.tabRow.className = "tab-row";
el.insertBefore( this.tabRow, el.firstChild );
var tabIndex = 0;
if ( this.useCookie ) {
tabIndex = Number( WebFXTabPane.getCookie( "webfxtab_" + this.element.id ) );
if ( isNaN( tabIndex ) )
tabIndex = 0;
}
this.selectedIndex = tabIndex;
// loop through child nodes and add them
var c=this;
var b=$(el).find(".tab-page");
jQuery.each(b, function() {
c.addTabPage( this );
}
);
}
WebFXTabPane.prototype.classNameTag = "dynamic-tab-pane-control";
WebFXTabPane.prototype.setSelectedIndex = function ( n ) {
if (this.selectedIndex != n) {
if (this.selectedIndex != null && this.pages[ this.selectedIndex ] != null )
this.pages[ this.selectedIndex ].hide();
this.selectedIndex = n;
this.pages[ this.selectedIndex ].show();
if ( this.useCookie )
WebFXTabPane.setCookie( "webfxtab_" + this.element.id, n ); // session cookie
}
};
WebFXTabPane.prototype.getSelectedIndex = function () {
return this.selectedIndex;
};
WebFXTabPane.prototype.addTabPage = function ( oElement ) {
if ( !hasSupport() ) return;
if ( oElement.tabPage == this ) // already added
return oElement.tabPage;
var n = this.pages.length;
var tp = this.pages[n] = new WebFXTabPage( oElement, this, n );
tp.tabPane = this;
// move the tab out of the box
this.tabRow.appendChild( tp.tab );
if ( n == this.selectedIndex )
tp.show();
else
tp.hide();
return tp;
};
WebFXTabPane.prototype.dispose = function () {
this.element.tabPane = null;
this.element = null;
this.tabRow = null;
for (var i = 0; i < this.pages.length; i++) {
this.pages[i].dispose();
this.pages[i] = null;
}
this.pages = null;
};
// Cookie handling
WebFXTabPane.setCookie = function ( sName, sValue, nDays ) {
var expires = "";
if ( nDays ) {
var d = new Date();
d.setTime( d.getTime() + nDays * 24 * 60 * 60 * 1000 );
expires = "; expires=" + d.toGMTString();
}
document.cookie = sName + "=" + sValue + expires + "; path=/";
};
WebFXTabPane.getCookie = function (sName) {
var re = new RegExp( "(\;|^)[^;]*(" + sName + ")\=([^;]*)(;|$)" );
var res = re.exec( document.cookie );
return res != null ? res[3] : null;
};
WebFXTabPane.removeCookie = function ( name ) {
setCookie( name, "", -1 );
};
///////////////////////////////////////////////////////////////////////////////////
// The constructor for tab pages. This one should not be used.
// Use WebFXTabPage.addTabPage instead
//
// el : HTMLElement The html element used to represent the tab pane
// tabPane : WebFXTabPane The parent tab pane
// nindex : Number The index of the page in the parent pane page array
//
function WebFXTabPage( el, tabPane, nIndex ) {
if ( !hasSupport() || el == null ) return;
this.element = el;
this.element.tabPage = this;
this.index = nIndex;
var cs = el.childNodes;
for (var i = 0; i < cs.length; i++) {
if (cs[i].nodeType == 1 && cs[i].className == "tab") {
this.tab = cs[i];
break;
}
}
// insert a tag around content to support keyboard navigation
var a = document.createElement( "A" );
this.aElement = a;
a.href = "#";
a.onclick = function () { return false; };
while ( this.tab.hasChildNodes() )
a.appendChild( this.tab.firstChild );
this.tab.appendChild( a );
// hook up events, using DOM0
var oThis = this;
this.tab.onclick = function () { oThis.select(); };
this.tab.onmouseover = function () { WebFXTabPage.tabOver( oThis ); };
this.tab.onmouseout = function () { WebFXTabPage.tabOut( oThis ); };
}
WebFXTabPage.prototype.show = function () {
var el = this.tab;
var s = el.className + " selected";
s = s.replace(/ +/g, " ");
el.className = s;
this.element.style.display = "block";
};
WebFXTabPage.prototype.hide = function () {
var el = this.tab;
var s = el.className;
s = s.replace(/ selected/g, "");
el.className = s;
this.element.style.display = "none";
};
WebFXTabPage.prototype.select = function () {
this.tabPane.setSelectedIndex( this.index );
};
WebFXTabPage.prototype.dispose = function () {
this.aElement.onclick = null;
this.aElement = null;
this.element.tabPage = null;
this.tab.onclick = null;
this.tab.onmouseover = null;
this.tab.onmouseout = null;
this.tab = null;
this.tabPane = null;
this.element = null;
};
WebFXTabPage.tabOver = function ( tabpage ) {
var el = tabpage.tab;
var s = el.className + " hover";
s = s.replace(/ +/g, " ");
el.className = s;
};
WebFXTabPage.tabOut = function ( tabpage ) {
var el = tabpage.tab;
var s = el.className;
s = s.replace(/ hover/g, "");
el.className = s;
};
// This function initializes all uninitialized tab panes and tab pages
function setupAllTabs() {
if ( !hasSupport() ) return;
var all = document.getElementsByTagName( "*" );
var l = all.length;
var tabPaneRe = /tab\-pane/;
var tabPageRe = /tab\-page/;
var cn, el;
var parentTabPane;
for ( var i = 0; i < l; i++ ) {
el = all[i]
cn = el.className;
// no className
if ( cn == "" ) continue;
// uninitiated tab pane
if ( tabPaneRe.test( cn ) && !el.tabPane )
new WebFXTabPane( el, true );
// unitiated tab page wit a valid tab pane parent
else if ( tabPageRe.test( cn ) && !el.tabPage &&
tabPaneRe.test( el.parentNode.className ) ) {
el.parentNode.tabPane.addTabPage( el );
}
}
}
function disposeAllTabs() {
if ( !hasSupport() ) return;
var all = document.getElementsByTagName( "*" );
var l = all.length;
var tabPaneRe = /tab\-pane/;
var cn, el;
var tabPanes = [];
for ( var i = 0; i < l; i++ ) {
el = all[i]
cn = el.className;
// no className
if ( cn == "" ) continue;
// tab pane
if ( tabPaneRe.test( cn ) && el.tabPane )
tabPanes[tabPanes.length] = el.tabPane;
}
for (var i = tabPanes.length - 1; i >= 0; i--) {
tabPanes[i].dispose();
tabPanes[i] = null;
}
}

View File

@@ -0,0 +1,37 @@
/*
Notice that IE has a display problem if the help link is on
the last line of a container with no padding. If this is the
case increase the padding bottom to at least 1px
*/
a.helpLink {
color: Green;
text-decoration: none;
border-bottom: 1px dashed Green;
}
a.helpLink:hover {
color: Red;
text-decoration: none;
border-bottom: 1px dashed Red;
}
.help-tooltip {
position: absolute;
width: 250px;
border: 1px Solid WindowFrame;
background: Infobackground;
color: InfoText;
font: StatusBar;
font: Status-Bar;
padding: 3px;
filter: progid : DXImageTransform.Microsoft.Shadow (
color =
"#777777", Direction = 135, Strength = 3 );
z-index: 10000;
}
.help-tooltip a,.help-tooltip a:hover {
color: blue !important;
background: none;
}

View File

@@ -0,0 +1,91 @@
/*
* This script was created by Erik Arvidsson (erik(at)eae.net)
* for WebFX (http://webfx.eae.net)
* Copyright 2001
*
* For usage see license at http://webfx.eae.net/license.html
*
* Version: 1.0
* Created: 2001-09-27
* Updated: 2001-11-25 Added a resize to the tooltip if the document width is too small
*
* Dependencies: helptip.css (To set up the CSS of the help-tooltip class)
*
* Usage:
*
* <script type="text/javascript" src="helptip.js"></script>
* <link type="text/css" rel="StyleSheet" href="helptip.css" />
*
* <a class="helpLink" href="?" onclick="showHelp(event, 'String to show'); return false">Help</a>
*
*/
function showHelpTip(e, s) {
// find anchor element
var el = e.target ? e.target : e.srcElement;
while (el.tagName != "A")
el = el.parentNode;
// is there already a tooltip? If so, remove it
if (el._helpTip) {
document.body.removeChild(el._helpTip);
el._helpTip = null;
el.onblur = null;
return;
}
// create element and insert last into the body
var d = document.createElement("DIV");
d.className = "help-tooltip";
document.body.appendChild(d);
d.innerHTML = s;
// Allow clicks on A elements inside tooltip
d.onmousedown = function (e) {
if (!e) e = event;
var t = e.target ? e.target : e.srcElement;
while (t.tagName != "A" && t != d)
t = t.parentNode;
if (t == d) return;
el._onblur = el.onblur;
el.onblur = null;
};
d.onmouseup = function () {
el.onblur = el._onblur;
el.focus();
};
// position tooltip
var dw = document.width ? document.width : document.documentElement.offsetWidth - 25;
if (d.offsetWidth >= dw)
d.style.width = dw - 10 + "px";
else
d.style.width = "";
var scroll = getScroll();
if (e.clientX > dw - d.offsetWidth)
d.style.left = dw - d.offsetWidth + scroll.x + "px";
else
d.style.left = e.clientX - 2 + scroll.x + "px";
d.style.top = e.clientY + 18 + scroll.y + "px";
// add a listener to the blur event. When blurred remove tooltip and restore anchor
el.onblur = function () {
document.body.removeChild(d);
el.onblur = null;
el._helpTip = null;
};
// store a reference to the tooltip div
el._helpTip = d;
}
// returns the scroll left and top for the browser viewport.
function getScroll() {
if (document.all && document.body.scrollTop != undefined) { // IE model
var ieBox = document.compatMode != "CSS1Compat";
var cont = ieBox ? document.body : document.documentElement;
return {x : cont.scrollLeft, y : cont.scrollTop};
}

View File

@@ -0,0 +1,3 @@
Creata a sub folder in the zip directory and copy all these files to that dir.
Replace the include statements of webfxlayout.js and webfxapi.js to point at local/webfxlayout.js and
local/webfxapi.js

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@@ -0,0 +1 @@
/* This style sheet is used for WebFX Api pages */

View File

@@ -0,0 +1,20 @@
/*
* This script is used for WebFX Api pages
*
* It defines one funtion and includes helptip.js, helptip.css and webfxapi.css
*/
document.write( "<script type='text/javascript' src='local/helptip.js'><\/script>" );
document.write( "<link type='text/css' rel='stylesheet' href='local/helptip.css' />" );
document.write( "<link type='text/css' rel='stylesheet' href='local/webfxapi.css' />" );
function toggleMethodArguments( e, a ) {
if ( a && a.nextSibling &&
typeof a.nextSibling.innerHTML != "undefined" &&
typeof showHelpTip != "undefined" ) {
showHelpTip( e, a.nextSibling.innerHTML );
}
}

View File

@@ -0,0 +1,281 @@
/*
bright: rgb(234,242,255);
normal: rgb(120,172,255);
dark: rgb(0,66,174);
*/ /* import menu css */ /*
@import "dhtml/xmenu/xmenu.css";
*/
#webfx-about {
position: absolute;
background: white;
top: 102px;
right: 10px;
width: 20px;
writing-mode: tb-rl;
filter: flipH() flipV() alpha(opacity = 50);
}
/* headers css */
#webfx-title {
position: absolute;
left: 90px;
top: -5px;
color: black;
background: transparent;
border: 0;
padding: 0;
margin: 0;
font-family: Arial Black, Verdana, Helvetica, Sans-Serif;
font-weight: bold;
font-style: italic;
font-size: 45px;
letter-spacing: -5px;
}
#webfx-title-background {
width: 100%;
height: 67px;
background: white no-repeat; /*rgb(100,100,100) no-repeat;*/
background-image: url("images/title-background.png");
background-position: 0 0;
}
#webfx-sub-title {
position: absolute;
left: 96px;
top: 45px;
color: black;
background: transparent;
padding: 0;
margin: 0;
border: 0;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 11px;
}
#webfx-menu-bar-1,#webfx-menu-bar-2,#webfx-menu-bar-3,#webfx-menu-bar-4,#webfx-menu-bar-5
{
height: 2px;
font-size: 0;
overflow: hidden;
background: rgb(120, 172, 255); /*#ff8800;*/
padding: 0;
}
#webfx-menu-bar-1 {
background: rgb(0, 66, 174);
/*rgb(120,172,255);/*black;/*rgb(234,242,255);*/
height: 1px;
}
#webfx-menu-bar-2 {
background: rgb(120, 172, 255); /*#ff8800;*/
height: 1px;
}
#webfx-menu-bar-3 {
background: rgb(120, 172, 255); /*#ff8800;*/
height: 1px;
}
#webfx-menu-bar-4 {
background: rgb(0, 66, 174);
height: 1px;
}
#webfx-menu-bar-5 {
background: #dddddd;
height: 3px;
}
/* headers css end */
html,body {
height: 100%;
margin: 0;
padding: 0;
background: url("images/background-shadow.gif") repeat-y white;
color: black;
font-size: 13px;
font-family: "Verdana", "Tahoma", "Helvetica", "Sans-Serif";
}
.webfx-main-body {
margin-left: 100px;
width: 500px;
border-left: 1px solid rgb(120, 172, 255);
}
/* h1 only used in header */
h2,h3,h4,h5,h6 {
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
padding: 2px 10px 2px 10px;
background: rgb(234, 242, 255);
border-bottom: 1px solid rgb(120, 172, 255);
}
h1,h2 {
font-weight: normal;
}
h3,h4,h5,h6 {
font-weight: bold;
}
h1 {
font-size: 50px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 15px;
}
h4 {
font-size: 12px;
}
p {
margin: 10px;
font-size: 13px;
color: black;
text-align: justify;
}
td {
font-size: 13px;
font-family: "Verdana", "Tahoma", "Helvetica", "Sans-Serif";
}
pre {
margin: 20px;
margin-right: 10px;
background: #eeeeee;
padding: 10px;
border: 1px solid #dddddd;
color: black;
}
code {
background: #eeeeee;
border: 1px solid #dddddd;
color: black;
}
a {
text-decoration: underline;
color: rgb(0, 66, 174);
}
a:hover { /*rgb(0,66,174)*/
color: rgb(0, 66, 174);
background: rgb(234, 242, 255);
}
a:visited {
color: rgb(120, 172, 255);
}
a:visited:hover {
color: rgb(0, 66, 174);
}
hr {
margin-left: 10px;
margin-right: 10px;
padding: 0;
text-align: left;
height: 1px;
color: rgb(120, 172, 255);
background-color: rgb(120, 172, 255);
border-bottom: 1px solid rgb(120, 172, 255);
border: 0;
}
h2 a,h3 a {
display: block;
text-decoration: none;
width: expression("100%");
}
table {
margin: 10px;
font-size: 13px;
color: black;
}
thead td {
background: rgb(234, 242, 255);
border-bottom: 1px solid rgb(120, 172, 255);
font-weight: bold;
}
.author {
margin-top: 50px;
font-style: italic;
}
.date {
color: rgb(0, 66, 174);
}
.warning,.warning a {
color: red;
}
.warning a:visited,.warning a:hover {
color: red;
}
.warning a:hover {
background: rgb(255, 230, 230);
}
/* copied from xmenu.css */
.webfx-menu-bar {
background: rgb(120, 172, 255); /*rgb(255,128,0);*/
padding: 2px;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 11px;
}
.webfx-menu-bar a,.webfx-menu-bar a:visited {
color: black;
border: 1px solid rgb(120, 172, 255); /*rgb(255,128,0);*/
text-decoration: none;
padding: 1px;
padding-left: 5px;
padding-right: 5px;
}
.webfx-menu-bar a:hover {
color: black;
background: rgb(120, 172, 255);
border-left: 1px solid rgb(234, 242, 255); /*#ffcc88;*/
border-right: 1px solid rgb(0, 66, 174); /*#884400;*/
border-top: 1px solid rgb(234, 242, 255); /*#ffcc88;*/
border-bottom: 1px solid rgb(0, 66, 174); /*#884400;*/
}
.webfx-menu-bar a .arrow {
border: 0;
float: none;
/*
float: right;
width: 6px;
height: 16px;
margin-right: 2px;
background: red;
*/
}
.webfx-menu-bar a:active,.webfx-menu-bar a:focus {
-moz-outline: none;
outline: none;

View File

@@ -0,0 +1,111 @@
/* this is a dummy webfxlayout file to be used in download zip files */
/* Do includes */
if (window.pathToRoot == null)
pathToRoot = "./";
document.write('<link type="text/css" rel="stylesheet" href="local/webfxlayout.css">');
webfxMenuDefaultImagePath = pathToRoot + "images/";
/* end includes */
/* set up browser checks and add a simple emulation for IE4 */
// check browsers
var op = /opera 5|opera\/5/i.test(navigator.userAgent);
var ie = !op && /msie/i.test(navigator.userAgent); // preventing opera to be identified as ie
var mz = !op && /mozilla\/5/i.test(navigator.userAgent); // preventing opera to be identified as mz
if (ie && document.getElementById == null) { // ie4
document.getElementById = function(sId) {
return document.all[sId];
};
}
/* end browser checks */
webfxLayout = {
writeTitle : function (s, s2) {
document.write("<div id='webfx-title-background'></div>");
if (op) {
document.write("<h1 id='webfx-title' style='top:9px;'>" + s + "</h1>");
}
else {
document.write("<h1 id='webfx-title'>" + s + "</h1>");
}
if (s2 == null)
s2 = "WebFX - What you never thought possible!";
if (op) {
document.write("<span id='webfx-sub-title' style='top:46px;'>" + s2 + "</span>");
}
else {
document.write("<span id='webfx-sub-title'>" + s2 + "</span>");
}
},
writeMainTitle : function () {
this.writeTitle("WebFX", "What you never thought possible!");
},
writeTopMenuBar : function () {
document.write("<div id='webfx-menu-bar-1'></div>");
if (op) {
document.write("<style>.webfx-menu-bar a {padding-top:3px;}</style>");
document.write("<div id='webfx-menu-bar-2' style='height:2px;'></div>");
}
else
document.write("<div id='webfx-menu-bar-2'></div>");
document.write("<div id='webfx-menu-bar'>");// div is closed in writeBottomMenuBar
},
writeBottomMenuBar : function () {
document.write("</div>");
if (op)
document.write("<div id='webfx-menu-bar-3' style='height:0px;'></div>");
else
document.write("<div id='webfx-menu-bar-3'></div>");
document.write("<div id='webfx-menu-bar-4'></div>");
document.write("<div id='webfx-menu-bar-5'></div>");
},
writeMenu : function () {
this.writeTopMenuBar();
//document.write(webfxMenuBar);
document.write("<div class='webfx-menu-bar'><a href='http://webfx.eae.net'>WebFX Home</a></div>");
this.writeBottomMenuBar();
},
writeDesignedByEdger : function () {
if (ie && document.body.currentStyle.writingMode != null)
document.write("<div id='webfx-about'>Page designed and maintained by " +
"<a href='mailto:erik@eae.net'>Erik Arvidsson</a> &amp; " +
"<a href='mailto:eae@eae.net'>Emil A Eklund</a>.</div>");
}
};
if (ie && window.attachEvent) {
window.attachEvent("onload", function () {
var scrollBorderColor = "rgb(120,172,255)";
var scrollFaceColor = "rgb(234,242,255)";
with (document.body.style) {
scrollbarDarkShadowColor = scrollBorderColor;
scrollbar3dLightColor = scrollBorderColor;
scrollbarArrowColor = "black";
scrollbarBaseColor = scrollFaceColor;
scrollbarFaceColor = scrollFaceColor;
scrollbarHighlightColor = scrollFaceColor;
scrollbarShadowColor = scrollFaceColor;
scrollbarTrackColor = "white";
}
});
}
/* we also need some dummy constructors */
webfxMenuBar = {
add : function () {}
};
function WebFXMenu() {
this.add = function () {};
}
function WebFXMenuItem() {}
function WebFXMenuSeparator() {}
function WebFXMenuButton() {}

View File

@@ -0,0 +1,89 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Tab Pane Demo 2 (WebFX)</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link id="luna-tab-style-sheet" type="text/css" rel="stylesheet"
href="css/luna/tab.css" />
<script type="text/javascript" src="js/tabpane.js"></script>
<script>
window.onload = function () {
window.setTimeout("document.location.reload()", 100);
};
</script>
</head>
<body>
<p>This page reloads as soon as the page is loaded... look at the
memory consuption.</p>
<div class="tab-pane" id="tabPane1">
<div class="tab-page" id="tabPage1">
<h2 class="tab">General</h2>
<table>
<tr>
<td>This is text of tab 1. This is text of tab 1. This is text of
tab 1. This is text of tab 1. This is text of tab 1. This is text of
tab 1. This is text of tab 1. This is text of tab 1. This is text of
tab 1.</td>
</tr>
</table>
</div>
<div class="tab-page" id="tabPage2">
<h2 class="tab">Security</h2>
<table>
<tr>
<td>This is text of tab 2. This is text of tab 2. This is text of
tab 2. This is text of tab 2. This is text of tab 2. This is text of
tab 2. This is text of tab 2. This is text of tab 2. This is text of
tab 2. <br />
<br />
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.
This is text of tab 2. This is text of tab 2. This is text of tab 2.</td>
</tr>
</table>
</div>
<div class="tab-page" id="tabPage3">
<h2 class="tab">Privacy</h2>
<table>
<tr>
<td>This is text of tab 3. This is text of tab 3. This is text of
tab 3. This is text of tab 3. This is text of tab 3. This is text of
tab 3. This is text of tab 3. This is text of tab 3. This is text of
tab 3.</td>
</tr>
</table>
</div>
<div class="tab-page" id="tabPage4">
<h2 class="tab">Content</h2>
<table>
<tr>
<td>This is text of tab 4. This is text of tab 4. This is text of
tab 4. This is text of tab 4. This is text of tab 4. This is text of
tab 4. This is text of tab 4. This is text of tab 4. This is text of
tab 4.</td>
</tr>
</table>
</div>
</div>
</body>
</html>

File diff suppressed because it is too large Load Diff