oqapi/webgui
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added the third design for 7.0

Browse source
This commit is contained in:
Steve Swanson 2006-03-28 22:27:08 +00:00
parent 6ff2562e19
commit 0bc058783b
16 changed files with 398 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

245
docs/upgrades/7fixup/style3/coolMenu.tmpl Normal file
View file

@ -0,0 +1,245 @@
<tmpl_if displayTitle>
<h2><tmpl_var title></h2>
</tmpl_if>
<tmpl_if description>
<p><tmpl_var description></p>
</tmpl_if>
<tmpl_if session.var.adminOn>
<tmpl_var controls>
</tmpl_if>
^JavaScript("<tmpl_var session.config.extrasURL>/coolmenus/coolmenus4.js");
<script type="text/javascript">
/*****************************************************************************
Copyright (c) 2001 Thomas Brattli (webmaster@dhtmlcentral.com)
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
Version 4.0_beta
This script can be used freely as long as all copyright messages are
intact.
Extra info - Coolmenus reference/help - Extra links to help files ****
CSS help: http://coolmenus.dhtmlcentral.com/projects/coolmenus/reference.asp?m=37
General: http://coolmenus.dhtmlcentral.com/reference.asp?m=35
Menu properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=47
Level properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=48
Background bar properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=49
Item properties: http://coolmenus.dhtmlcentral.com/properties.asp?m=50
******************************************************************************/
/***
This is the menu creation code - place it right after you body tag
Feel free to add this to a stand-alone js file and link it to your page.
**/
//Menu object creation
coolmenu=new makeCM("coolmenu") //Making the menu object. Argument: menuname
coolmenu.frames = 0
//Menu properties
coolmenu.onlineRoot=""
coolmenu.pxBetween=2
coolmenu.fromLeft=25
coolmenu.fromTop=140
<tmpl_if session.var.adminOn>
coolmenu.fromTop=160
coolmenu.fromLeft=186
</tmpl_if>
coolmenu.rows=1
coolmenu.menuPlacement="left" //The whole menu alignment, left, center, or right
coolmenu.resizeCheck=1
coolmenu.wait=250
coolmenu.fillImg="cm_fill.gif"
coolmenu.zIndex=100
//Background bar properties
coolmenu.useBar=0
coolmenu.barWidth="100%"
coolmenu.barHeight="menu"
coolmenu.barClass="cBar"
coolmenu.barX=0
coolmenu.barY=0
coolmenu.barBorderX=0
coolmenu.barBorderY=0
coolmenu.barBorderClass=""
//Level properties - ALL properties have to be spesified in level 0
coolmenu.level[0]=new cm_makeLevel() //Add this for each new level
coolmenu.level[0].width=150
coolmenu.level[0].height=25
coolmenu.level[0].regClass="cLevel0"
coolmenu.level[0].overClass="cLevel0over"
coolmenu.level[0].borderX=1
coolmenu.level[0].borderY=1
coolmenu.level[0].borderClass="cLevel0border"
coolmenu.level[0].offsetX=0
coolmenu.level[0].offsetY=0
coolmenu.level[0].rows=0
coolmenu.level[0].arrow=0
coolmenu.level[0].arrowWidth=0
coolmenu.level[0].arrowHeight=0
coolmenu.level[0].align="bottom"
//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
coolmenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
coolmenu.level[1].width=coolmenu.level[0].width //+20
coolmenu.level[1].height=25
coolmenu.level[1].regClass="cLevel1"
coolmenu.level[1].overClass="cLevel1over"
coolmenu.level[1].borderX=1
coolmenu.level[1].borderY=1
coolmenu.level[1].align="right"
coolmenu.level[1].offsetX=0
coolmenu.level[1].offsetY=0
coolmenu.level[1].borderClass="cLevel1border"
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to specify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
coolmenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
coolmenu.level[2].width=coolmenu.level[0].width //+20
coolmenu.level[2].height=25
coolmenu.level[2].offsetX=0
coolmenu.level[2].offsetY=0
coolmenu.level[2].regClass="cLevel2"
coolmenu.level[2].overClass="cLevel2over"
coolmenu.level[2].borderClass="cLevel2border"
//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to specify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
coolmenu.level[3]=new cm_makeLevel() //Add this for each new level (adding one to the number)
coolmenu.level[3].width=coolmenu.level[0].width+20
coolmenu.level[3].height=25
coolmenu.level[3].offsetX=0
coolmenu.level[3].offsetY=0
coolmenu.level[3].regClass="cLevel2"
coolmenu.level[3].overClass="cLevel2over"
coolmenu.level[3].borderClass="cLevel2border"
<tmpl_loop page_loop>
coolmenu.makeMenu('coolmenu_<tmpl_var page.assetId escape=JS>'.replace(/\-/g,"a"),'coolmenu_<tmpl_var page.parent.assetId escape=JS>'.replace(/\-/g,"a"),"<tmpl_var page.menuTitle escape=JS>",'<tmpl_var page.url escape=JS>'<tmpl_if page.newWindow>,'_blank'</tmpl_if>);
</tmpl_loop>
coolmenu.construct();
</script>
~~~
<style type="text/css">
/* CoolMenus 4 - default styles - do not edit */
.cCMAbs {
position: absolute;
visibility: hidden;
left: 0;
top: 0;
}
/* CoolMenus 4 - default styles - end */
/*Styles for level 0*/
.cLevel0,.cLevel0over {
position: absolute;
padding: 2px;
font-family: tahoma, arial, helvetica;
font-size: 12px;
font-weight: bold;
}
.cLevel0 {
color: white;
text-align: center;
background: url('^FileUrl(style3/nav_bg.jpg);');
border-left:#353535 solid 1px;
border-right:#353535 solid 2px;
border-bottom:#353535 solid 2px;
}
.cLevel0over {
background: url('^FileUrl(style3/nav_bg_on.jpg);');
color: white;
cursor: pointer;
cursor: hand;
text-align: center;
border-left:#353535 solid 1px;
border-right:#353535 solid 2px;
border-bottom:#353535 solid 2px;
}
.cLevel0border {
position: absolute;
visibility: hidden;
/*background-color: #569635;
layer-background-color: #006699;*/
}
/*Styles for level 1*/
.cLevel1, .cLevel1over {
position: absolute;
padding: 2px;
font-family: tahoma, arial, helvetica;
font-size: 11px;
font-weight:bold;
}
.cLevel1 {
color: white;
text-align: center;
background: url('^FileUrl(style3/nav_bg1.jpg);');
border-left:#353535 solid 1px;
border-right:#353535 solid 2px;
border-bottom:#353535 solid 2px;
}
.cLevel1over {
color: white;
text-align: center;
background: url('^FileUrl(style3/nav_bg1_on.jpg);');
border-left:#353535 solid 1px;
border-right:#353535 solid 2px;
border-bottom:#353535 solid 2px;
}
.cLevel1border {
position: absolute;
visibility: hidden;
/*background-color: #006699;
layer-background-color: #006699;*/
}
/*Styles for level 2*/
.cLevel2, .cLevel2over {
position: absolute;
padding: 2px;
font-family: tahoma, arial, helvetica;
font-size: 10px;
font-weight: bold;
}
.cLevel2 {
color: white;
text-align: center;
background: url('^FileUrl(style3/nav_bg2.jpg);');
border-left:#353535 solid 1px;
border-right:#353535 solid 2px;
border-bottom:#353535 solid 2px;
}
.cLevel2over {
color: white;
text-align: center;
background: url('^FileUrl(style3/nav_bg2_on.jpg);');
border-left:#353535 solid 1px;
border-right:#353535 solid 2px;
border-bottom:#353535 solid 2px;
}
.cLevel2border {
position: absolute;
visibility: hidden;
/*background-color: #006699;
layer-background-color: #006699;*/
}
</style>

117
docs/upgrades/7fixup/style3/css03.snippet Normal file
View file

@ -0,0 +1,117 @@
#stevestyle00000000css3
#title:css03.css
#menuTitle:css03.css
#url:css03.css
<style type="text/css">
body, html {
margin:0px;
background-color:#3c3c3c;
}
/* HEADER STYLES */
#header {
background: url('^FileUrl(style3/header_bg.jpg);') repeat-x;
height:129px;
width:100%;
position:relative;
margin:0px;
z-index:0;
}
#header #titles {
color:white;
font-family:arial;
position:relative;
width:100%;
height:100%;
background:url(^FileUrl(style3/header_right.jpg);) right no-repeat;
}
#header #titles h1 {
text-transform:uppercase;
margin:0px;
margin-bottom:2px;
font-weight:normal;
font-size:26pt;
display:block;
top:20px;
left:20px;
position:relative;
line-height:72px;
display:inline;
}
#header #titles h2 {
color:#E5E5E5;
margin-top:0px;
left:30px;
font-size:12pt;
position:relative;
display:inline;
}
/* END HEADER STYLES */
/* MAIN STYLES */
#main {
background: #fff url(^FileUrl(style3/main_bg.jpg);) repeat-y;
width:95%;
height:500px;
position:relative;
left:0px;
top:0px;
-moz-box-sizing:border-box;
box-sizing:border-box;
z-index:0;
padding-top:55px;
}
#main #mainBody {
margin-left:30px;
-moz-box-sizing:border-box;
z-index:2;
position:relative;
background-color: transparent;
font-family:arial;
font-size:9pt;
padding-bottom:50px;
}
* html #mainBody { height:1%; }
#main #mainBody a {
color:#EE963E;
font-weight:bold;
letter-spacing:1px;
font-size:8pt;
}
#main #topCorner {
width:100%;
height:214px;
position:absolute;
top:0px;
left:0px;
background: url('^FileUrl(style3/main_top.jpg);') no-repeat;
z-index:1;
}
#main #bottomCorner {
width:100%;
height:211px;
position:absolute;
bottom:0px;
right:0px;
background: url('^FileUrl(style3/main_bottom.jpg);') no-repeat right;
z-index:1;
}
body > #main {
height:auto;
min-height:500px;
}
/* END MAIN STYLES */
#footer {
width:95%;
height:68px;
background:orange url('^FileUrl(style3/footer_bg.jpg);') repeat-x;
}
#footer img {
float:right;
}
</style>

BIN
docs/upgrades/7fixup/style3/footer_bg.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 353 B

BIN
docs/upgrades/7fixup/style3/footer_right.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
docs/upgrades/7fixup/style3/header_bg.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 582 B

BIN
docs/upgrades/7fixup/style3/header_right.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.3 KiB

BIN
docs/upgrades/7fixup/style3/main_bg.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 320 B

BIN
docs/upgrades/7fixup/style3/main_bottom.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
docs/upgrades/7fixup/style3/main_top.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7 KiB

BIN
docs/upgrades/7fixup/style3/nav_bg.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 354 B

BIN
docs/upgrades/7fixup/style3/nav_bg1.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 353 B

BIN
docs/upgrades/7fixup/style3/nav_bg1_on.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 352 B

BIN
docs/upgrades/7fixup/style3/nav_bg2.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 356 B

BIN
docs/upgrades/7fixup/style3/nav_bg2_on.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 357 B

BIN
docs/upgrades/7fixup/style3/nav_bg_on.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 331 B

36
docs/upgrades/7fixup/style3/style03.tmpl Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<tmpl_var head.tags>
<title>^c; - ^Page(title);</title>
</head>
<body>
^AdminBar("PBtmpl0000000000000090");
^AssetProxy(coolmenu);
<div id="header">
<div id="titles">
<h1>^c;</h1><br />
<h2>^Page(title);</h2>
</div>
</div>
<div style="clear:both"></div>
<div id="main">
<div id="mainBody">
<tmpl_var body.content>
</div>
<div id="topCorner"></div>
<div id="bottomCorner"></div>
</div>
<div id="footer">
^AssetProxy(style3/footer_right.jpg);
</div>
^AdminToggle;
</body>
</html>
~~~
^AssetProxy(css03.css);