trying to fix the new styles which are all broke to hell!!!!
removed convertCarriageReturns from article added two of the new content items for 7
This commit is contained in:
JT Smith
parent
8e219cdc75
commit
ac15407a7e
14 changed files with 373 additions and 354 deletions
|
|
@ -1,7 +1,6 @@
|
|||
#title:style01.css
|
||||
#menuTitle:style01.css
|
||||
#url:style01.css
|
||||
#processAsTemplate:yes
|
||||
#title:css01.css
|
||||
#menuTitle:css01.css
|
||||
#url:style1/css01.css
|
||||
#mimeType:text/css
|
||||
body, html
|
||||
{
|
||||
|
|
@ -14,7 +13,7 @@ body, html
|
|||
#main
|
||||
{
|
||||
width:800px;
|
||||
background: url('^FileUrl(style01/main_bg.jpg);') repeat-y;
|
||||
background: url('^FileUrl(style1/main_bg.jpg);') repeat-y;
|
||||
height:100%;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
|
|
@ -32,7 +31,7 @@ body > #main
|
|||
{
|
||||
width:800px;
|
||||
height:133px;
|
||||
background: url('^FileUrl(style01/header.jpg);') top left no-repeat;
|
||||
background: url('^FileUrl(style1/header.jpg);') top left no-repeat;
|
||||
margin-bottom:0px;
|
||||
position:relative;
|
||||
}
|
||||
|
|
@ -53,7 +52,7 @@ body > #main
|
|||
|
||||
#main #mainContent
|
||||
{
|
||||
background: url('^FileUrl(style01/orange_left01.jpg);') left top no-repeat;
|
||||
background: url('^FileUrl(style1/orange_left01.jpg);') left top no-repeat;
|
||||
width:100%;
|
||||
height:100%;
|
||||
margin-top:0px;
|
||||
|
|
@ -100,50 +99,50 @@ body > #main
|
|||
height:25px;
|
||||
display:block;
|
||||
float:left;
|
||||
background: url('^FileUrl(style01/nav1_off_left.jpg);') no-repeat top left;
|
||||
background: url('^FileUrl(style1/nav1_off_left.jpg);') no-repeat top left;
|
||||
}
|
||||
#main .mainNav_2 div .left {
|
||||
background: url('^FileUrl(style01/nav2_off_left.jpg);') no-repeat top left;
|
||||
background: url('^FileUrl(style1/nav2_off_left.jpg);') no-repeat top left;
|
||||
}
|
||||
#main .mainNav_1 div .center, #main .mainNav_2 div .center {
|
||||
height:25px;
|
||||
display:block;
|
||||
float:left;
|
||||
background: url('^FileUrl(style01/nav1_off_center.jpg);') repeat-x top left;
|
||||
background: url('^FileUrl(style1/nav1_off_center.jpg);') repeat-x top left;
|
||||
color:white;
|
||||
font-family:arial, verdana;
|
||||
font-size:8pt;
|
||||
}
|
||||
#main .mainNav_2 div .center {
|
||||
background: url('^FileUrl(style01/nav2_off_center.jpg);') repeat-x top left;
|
||||
background: url('^FileUrl(style1/nav2_off_center.jpg);') repeat-x top left;
|
||||
}
|
||||
#main .mainNav_1 div .right, #main .mainNav_2 div .right {
|
||||
width:10px;
|
||||
height:25px;
|
||||
display:block;
|
||||
float:left;
|
||||
background: url('^FileUrl(style01/nav1_off_right.jpg);') no-repeat top left;
|
||||
background: url('^FileUrl(style1/nav1_off_right.jpg);') no-repeat top left;
|
||||
}
|
||||
#main .mainNav_2 div .right {
|
||||
background: url('^FileUrl(style01/nav2_off_right.jpg);') no-repeat top left;
|
||||
background: url('^FileUrl(style1/nav2_off_right.jpg);') no-repeat top left;
|
||||
}
|
||||
#main .mainNav_1 div.navOn .left {
|
||||
background: url('^FileUrl(style01/nav1_on_left.jpg);') no-repeat top left;
|
||||
background: url('^FileUrl(style1/nav1_on_left.jpg);') no-repeat top left;
|
||||
}
|
||||
#main .mainNav_1 div.navOn .center {
|
||||
background: url('^FileUrl(style01/nav1_on_center.jpg);') repeat-x top left;
|
||||
background: url('^FileUrl(style1/nav1_on_center.jpg);') repeat-x top left;
|
||||
}
|
||||
#main .mainNav_1 div.navOn .right {
|
||||
background: url('^FileUrl(style01/nav1_on_right.jpg);') no-repeat top left;
|
||||
background: url('^FileUrl(style1/nav1_on_right.jpg);') no-repeat top left;
|
||||
}
|
||||
#main .mainNav_2 div.navOn .left {
|
||||
background: url('^FileUrl(style01/nav2_on_left.jpg);') no-repeat top left;
|
||||
background: url('^FileUrl(style1/nav2_on_left.jpg);') no-repeat top left;
|
||||
}
|
||||
#main .mainNav_2 div.navOn .center {
|
||||
background: url('^FileUrl(style01/nav2_center_on.jpg);') repeat-x top left;
|
||||
background: url('^FileUrl(style1/nav2_center_on.jpg);') repeat-x top left;
|
||||
}
|
||||
#main .mainNav_2 div.navOn .right {
|
||||
background: url('^FileUrl(style01/nav2_on_right.jpg);') no-repeat top left;
|
||||
background: url('^FileUrl(style1/nav2_on_right.jpg);') no-repeat top left;
|
||||
}
|
||||
#main .mainNav_1 div.navOn a:link, #main .mainNav_1 div.navOn a:visited, #main .mainNav_2 div.navOn a:link, #main .mainNav_2 div.navOn a:visited {
|
||||
color:black;
|
||||
|
|
@ -225,4 +224,4 @@ body > #main
|
|||
}
|
||||
* html #copyright {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
<head>
|
||||
<title>^Page(title);</title>
|
||||
<tmpl_var head.tags>
|
||||
<link href="/css01.css" rel="stylesheet" type="text/css" />
|
||||
<link href="/style1/css01.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
^AdminBar();
|
||||
|
|
@ -44,9 +44,9 @@
|
|||
<div id="gui">
|
||||
^L("","","PBtmpl0000000000000044");
|
||||
<div style="clear:both;padding-right:12px;">^AdminToggle;</div>
|
||||
^AssetProxy(style01/gui_bottom.jpg);<br />
|
||||
<a href="http://www.plainblack.com/webgui"><img src="^FileUrl(style01/webgui_btn.jpg);" style="border:none;" alt="WebGUI Button" /></a>
|
||||
^AssetProxy(style1/gui_bottom.jpg);<br />
|
||||
<a href="http://www.plainblack.com/webgui"><img src="^FileUrl(style1/webgui_btn.jpg);" style="border:none;" alt="WebGUI Button" /></a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
#stevenav00000000000001
|
||||
#title:Style 01 Nav
|
||||
#menuTitle:Style 01 Nav
|
||||
#url:style01_nav
|
||||
#url:style1_nav
|
||||
#namespace:Navigation
|
||||
<tmpl_if displayTitle>
|
||||
<h2><tmpl_var title></h2>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
#id:PBnav000000style01lvl2
|
||||
#PBnav000000style01lvl2
|
||||
#title:Style 01 Nav lvl2
|
||||
#menutitle:Style 01 Nav lvl2
|
||||
#url:style01_nav_lvl2
|
||||
#url:style1_nav_lvl2
|
||||
<tmpl_if displayTitle>
|
||||
<h2><tmpl_var title></h2>
|
||||
</tmpl_if>
|
||||
|
|
@ -25,4 +25,4 @@
|
|||
<span class="right"> </span>
|
||||
</div>
|
||||
</tmpl_unless>
|
||||
</tmpl_loop>
|
||||
</tmpl_loop>
|
||||
|
|
|
|||
|
|
@ -1,35 +1,36 @@
|
|||
#title:css02.css
|
||||
#menuTitle:css02.css
|
||||
#url:css02.css
|
||||
#url:style/css02.css
|
||||
#mimeType:text/css
|
||||
body, html {
|
||||
height:100%;
|
||||
}
|
||||
body {
|
||||
background:#7c9ab0 url('^FileUrl(style02/main_bg.jpg);') repeat-y right;
|
||||
background:#7c9ab0 url('^FileUrl(style2/main_bg.jpg);') repeat-y right;
|
||||
margin:0px;
|
||||
}
|
||||
.rightColumn {
|
||||
width:20%;
|
||||
height:100%;
|
||||
background: #eeeeee url('^FileUrl(style02/rightCol_bg.jpg);') repeat-y right;
|
||||
background: #eeeeee url('^FileUrl(style2/rightCol_bg.jpg);') repeat-y right;
|
||||
text-align:center;
|
||||
}
|
||||
.rightColumn #pb_wg_bg {
|
||||
background: url('^FileUrl(style02/pb_wg_bg.jpg);') repeat-x;
|
||||
background: url('^FileUrl(style2/pb_wg_bg.jpg);') repeat-x;
|
||||
width:100%;
|
||||
text-align:left;
|
||||
}
|
||||
.rightColumn #pb_wg {
|
||||
background: url('^FileUrl(style02/pb_wg.jpg);') left no-repeat;
|
||||
background: url('^FileUrl(style2/pb_wg.jpg);') left no-repeat;
|
||||
height:53px;
|
||||
}
|
||||
.leftColumn {
|
||||
width:80%;
|
||||
background: white url('^FileUrl(style02/context_bg.jpg);') repeat-y right;
|
||||
background: white url('^FileUrl(style2/context_bg.jpg);') repeat-y right;
|
||||
}
|
||||
.leftColumn #header {
|
||||
width:100%;
|
||||
background:#7c9ab0 url('^FileUrl(style02/leftCol_header.jpg);') right no-repeat;
|
||||
background:#7c9ab0 url('^FileUrl(style2/leftCol_header.jpg);') right no-repeat;
|
||||
height:86px;
|
||||
position:relative;
|
||||
}
|
||||
|
|
@ -56,7 +57,7 @@ body {
|
|||
left:7px;
|
||||
}
|
||||
.leftColumn #context {
|
||||
/*background: #fff url('^FileUrl(style02/context_bg.jpg);') repeat-y right; */
|
||||
/*background: #fff url('^FileUrl(style2/context_bg.jpg);') repeat-y right; */
|
||||
width:95%;
|
||||
font-family:verdana;
|
||||
font-size:9pt;
|
||||
|
|
@ -75,11 +76,11 @@ body {
|
|||
text-decoration:none;
|
||||
}
|
||||
.leftColumn #pageTitleBG {
|
||||
background: url('^FileUrl(style02/page_title_bg.jpg);') repeat-x;
|
||||
background: url('^FileUrl(style2/page_title_bg.jpg);') repeat-x;
|
||||
width:100%;
|
||||
}
|
||||
.leftColumn #pageTitleBG #pageTitle {
|
||||
background: url('^FileUrl(style02/page_title.jpg);') right no-repeat;
|
||||
background: url('^FileUrl(style2/page_title.jpg);') right no-repeat;
|
||||
width:100%;
|
||||
height:50px;
|
||||
}
|
||||
|
|
@ -95,7 +96,7 @@ body {
|
|||
}
|
||||
.rightColumn #nav {
|
||||
width:85%;
|
||||
background: #b5b5b5 url('^FileUrl(style02/nav_bg.jpg);') repeat-x top;
|
||||
background: #b5b5b5 url('^FileUrl(style2/nav_bg.jpg);') repeat-x top;
|
||||
border-right:solid #848484 1px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
|
|
@ -137,4 +138,4 @@ body {
|
|||
font-size:9pt;
|
||||
color:silver;
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<head>
|
||||
<tmpl_var head.tags>
|
||||
<title>^c; - ^Page(title);</title>
|
||||
<link href="/css02.css" rel="stylesheet" type="text/css" />
|
||||
<link href="/style2/css02.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
^AdminBar();
|
||||
|
|
@ -31,23 +31,23 @@
|
|||
<td class="rightColumn" valign="top">
|
||||
<div id="pb_wg_bg">
|
||||
<div id="pb_wg">
|
||||
<a href="http://www.plainblack.com">^AssetProxy(style02/pb.jpg);</a><a href="http://www.plainblack.com/webgui">^AssetProxy(style02/wg.jpg);</a><br />
|
||||
<a href="http://www.plainblack.com">^AssetProxy(style2/pb.jpg);</a><a href="http://www.plainblack.com/webgui">^AssetProxy(style2/wg.jpg);</a><br />
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<table style="width:90%;margin-left:auto;margin-right:auto;background: url('^FileUrl(style02/navbar_bg.jpg);') repeat-x;" cellpadding="0" cellspacing="0" border="0">
|
||||
<table style="width:90%;margin-left:auto;margin-right:auto;background: url('^FileUrl(style2/navbar_bg.jpg);') repeat-x;" cellpadding="0" cellspacing="0" border="0">
|
||||
<tr>
|
||||
<td style="background: url('^FileUrl(style02/navbar_left.jpg);') no-repeat left;height:9px;width:10%;" align="left"></td>
|
||||
<td style="background: url('^FileUrl(style02/navbar_right.jpg);') no-repeat right;height:9px;width:90%;" align="right"></td>
|
||||
<td style="background: url('^FileUrl(style2/navbar_left.jpg);') no-repeat left;height:9px;width:10%;" align="left"></td>
|
||||
<td style="background: url('^FileUrl(style2/navbar_right.jpg);') no-repeat right;height:9px;width:90%;" align="right"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div id="nav">
|
||||
^AssetProxy(flexmenu);
|
||||
</div>
|
||||
<table style="width:90%;margin-left:auto;margin-right:auto;background: url('^FileUrl(style02/navbar_bg.jpg);') repeat-x;" cellpadding="0" cellspacing="0" border="0">
|
||||
<table style="width:90%;margin-left:auto;margin-right:auto;background: url('^FileUrl(style2/navbar_bg.jpg);') repeat-x;" cellpadding="0" cellspacing="0" border="0">
|
||||
<tr>
|
||||
<td style="background: url('^FileUrl(style02/navbar_left.jpg);') no-repeat left;height:9px;width:10%;" align="left"></td>
|
||||
<td style="background: url('^FileUrl(style02/navbar_right.jpg);') no-repeat right;height:9px;width:90%;" align="right"></td>
|
||||
<td style="background: url('^FileUrl(style2/navbar_left.jpg);') no-repeat left;height:9px;width:10%;" align="left"></td>
|
||||
<td style="background: url('^FileUrl(style2/navbar_right.jpg);') no-repeat right;height:9px;width:90%;" align="right"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<div id="loginStyles">
|
||||
|
|
@ -64,4 +64,4 @@
|
|||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,253 +2,253 @@
|
|||
#title:Newer Coolmenu
|
||||
#menuTitle:Newer Coolmenu
|
||||
#url:newer-coolmenu
|
||||
#namespace:Navigation
|
||||
<tmpl_if displayTitle>
|
||||
<h1><tmpl_var title></h1>
|
||||
</tmpl_if>
|
||||
|
||||
<tmpl_if description>
|
||||
<p><tmpl_var description></p>
|
||||
</tmpl_if>
|
||||
|
||||
<tmpl_if session.var.adminOn>
|
||||
<tmpl_var controls>
|
||||
</tmpl_if>
|
||||
|
||||
|
||||
<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=138
|
||||
<tmpl_if session.var.adminOn>
|
||||
coolmenu.fromLeft=186
|
||||
coolmenu.fromTop=160
|
||||
</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>
|
||||
~~~
|
||||
^JavaScript("<tmpl_var session.config.extrasURL>/coolmenus/coolmenus4.js");
|
||||
<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:#ededed;
|
||||
text-align: center;
|
||||
/*border-left:#353535 solid 1px;
|
||||
border-right:#353535 solid 2px;
|
||||
border-bottom:#353535 solid 2px;*/
|
||||
background: url(^FileUrl('style03/main_top_bg.jpg);');
|
||||
}
|
||||
|
||||
.cLevel0over {
|
||||
color: gold;
|
||||
cursor: hand;
|
||||
text-align: center;
|
||||
/*border-left:#353535 solid 1px;
|
||||
border-right:#353535 solid 2px;
|
||||
border-bottom:#353535 solid 2px; */
|
||||
background: url(^FileUrl('style03/main_top_bg.jpg);');
|
||||
}
|
||||
|
||||
.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;
|
||||
cursor-type: hand;
|
||||
}
|
||||
|
||||
.cLevel1 {
|
||||
color: white;
|
||||
text-align: center;
|
||||
border:solid #111 1px;
|
||||
}
|
||||
|
||||
.cLevel1over {
|
||||
color: black;
|
||||
text-align: center;
|
||||
border-left:solid #111 1px;
|
||||
border-right:solid #111 1px;
|
||||
border-bottom:solid #111 1px;
|
||||
background-color:#eeeeee;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.cLevel1border {
|
||||
opacity:0.9;
|
||||
-moz-opacity:0.9;
|
||||
-khtml-opacity:0.9;
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
background-color: #444;
|
||||
layer-background-color: #444;
|
||||
}
|
||||
|
||||
/*Styles for level 2*/
|
||||
.cLevel2, .cLevel2over {
|
||||
position: absolute;
|
||||
padding: 2px;
|
||||
font-family: tahoma, arial, helvetica;
|
||||
font-size: 11px;
|
||||
font-weight:bold;
|
||||
cursor-type: hand;
|
||||
}
|
||||
|
||||
.cLevel2 {
|
||||
color: white;
|
||||
text-align: center;
|
||||
border:solid #111 1px;
|
||||
}
|
||||
|
||||
.cLevel2over {
|
||||
color: black;
|
||||
text-align: center;
|
||||
border-left:solid #111 1px;
|
||||
border-right:solid #111 1px;
|
||||
border-bottom:solid #111 1px;
|
||||
background-color:#eeeeee;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.cLevel2border {
|
||||
opacity:0.9;
|
||||
-moz-opacity:0.9;
|
||||
-khtml-opacity:0.9;
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
background-color: #444;
|
||||
layer-background-color: #444;
|
||||
}
|
||||
|
||||
</style>
|
||||
#namespace:Navigation
|
||||
<tmpl_if displayTitle>
|
||||
<h1><tmpl_var title></h1>
|
||||
</tmpl_if>
|
||||
|
||||
<tmpl_if description>
|
||||
<p><tmpl_var description></p>
|
||||
</tmpl_if>
|
||||
|
||||
<tmpl_if session.var.adminOn>
|
||||
<tmpl_var controls>
|
||||
</tmpl_if>
|
||||
|
||||
|
||||
<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=138
|
||||
<tmpl_if session.var.adminOn>
|
||||
coolmenu.fromLeft=186
|
||||
coolmenu.fromTop=160
|
||||
</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>
|
||||
~~~
|
||||
<script src="^Extras;coolmenus/coolmenus4.js" type="text/javascript"></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:#ededed;
|
||||
text-align: center;
|
||||
/*border-left:#353535 solid 1px;
|
||||
border-right:#353535 solid 2px;
|
||||
border-bottom:#353535 solid 2px;*/
|
||||
background: url('^FileUrl(style3/main_top_bg.jpg);');
|
||||
}
|
||||
|
||||
.cLevel0over {
|
||||
color: gold;
|
||||
cursor: hand;
|
||||
text-align: center;
|
||||
/*border-left:#353535 solid 1px;
|
||||
border-right:#353535 solid 2px;
|
||||
border-bottom:#353535 solid 2px; */
|
||||
background: url('^FileUrl(style3/main_top_bg.jpg);');
|
||||
}
|
||||
|
||||
.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;
|
||||
cursor-type: hand;
|
||||
}
|
||||
|
||||
.cLevel1 {
|
||||
color: white;
|
||||
text-align: center;
|
||||
border:solid #111 1px;
|
||||
}
|
||||
|
||||
.cLevel1over {
|
||||
color: black;
|
||||
text-align: center;
|
||||
border-left:solid #111 1px;
|
||||
border-right:solid #111 1px;
|
||||
border-bottom:solid #111 1px;
|
||||
background-color:#eeeeee;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.cLevel1border {
|
||||
opacity:0.9;
|
||||
-moz-opacity:0.9;
|
||||
-khtml-opacity:0.9;
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
background-color: #444;
|
||||
layer-background-color: #444;
|
||||
}
|
||||
|
||||
/*Styles for level 2*/
|
||||
.cLevel2, .cLevel2over {
|
||||
position: absolute;
|
||||
padding: 2px;
|
||||
font-family: tahoma, arial, helvetica;
|
||||
font-size: 11px;
|
||||
font-weight:bold;
|
||||
cursor-type: hand;
|
||||
}
|
||||
|
||||
.cLevel2 {
|
||||
color: white;
|
||||
text-align: center;
|
||||
border:solid #111 1px;
|
||||
}
|
||||
|
||||
.cLevel2over {
|
||||
color: black;
|
||||
text-align: center;
|
||||
border-left:solid #111 1px;
|
||||
border-right:solid #111 1px;
|
||||
border-bottom:solid #111 1px;
|
||||
background-color:#eeeeee;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.cLevel2border {
|
||||
opacity:0.9;
|
||||
-moz-opacity:0.9;
|
||||
-khtml-opacity:0.9;
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
background-color: #444;
|
||||
layer-background-color: #444;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
#title:css03.css
|
||||
#menuTitle:css03.css
|
||||
#url:css03.css
|
||||
#url:style3/css03.css
|
||||
#mimeType:text/css
|
||||
body, html {
|
||||
margin:0px;
|
||||
background-color:#b53018;
|
||||
|
|
@ -18,18 +19,18 @@ body, html {
|
|||
}
|
||||
|
||||
#header {
|
||||
background: url('^FileUrl(style03/header_bg.jpg);') repeat-x;
|
||||
background: url('^FileUrl(style3/header_bg.jpg);') repeat-x;
|
||||
width:100%;
|
||||
margin:0px;
|
||||
height:115px;
|
||||
}
|
||||
#headerTitle {
|
||||
background: url('^FileUrl(style03/header_left.jpg);') no-repeat left top;
|
||||
background: url('^FileUrl(style3/header_left.jpg);') no-repeat left top;
|
||||
height:100%;
|
||||
width:100%;
|
||||
}
|
||||
#headerRight {
|
||||
background: url('^FileUrl(style03/header_right.jpg);') no-repeat right top;
|
||||
background: url('^FileUrl(style3/header_right.jpg);') no-repeat right top;
|
||||
width:100%;
|
||||
height:100%;
|
||||
text-align:right;
|
||||
|
|
@ -113,7 +114,7 @@ html #main #mainBody #contentArea {
|
|||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
background: url('^FileUrl(style03/main_top_bg.jpg);') repeat-x;
|
||||
background: url('^FileUrl(style3/main_top_bg.jpg);') repeat-x;
|
||||
z-index:1;
|
||||
}
|
||||
#bottomCorner {
|
||||
|
|
@ -122,14 +123,14 @@ html #main #mainBody #contentArea {
|
|||
position:absolute;
|
||||
bottom:0px;
|
||||
right:0px;
|
||||
background: url('^FileUrl(style03/main_bottom.jpg);') no-repeat right;
|
||||
background: url('^FileUrl(style3/main_bottom.jpg);') no-repeat right;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
#footer {
|
||||
width:100%;
|
||||
margin:0px;
|
||||
background:#000 url('^FileUrl(style03/footer_right.jpg);') no-repeat right top;
|
||||
background:#000 url('^FileUrl(style3/footer_right.jpg);') no-repeat right top;
|
||||
height:57px;
|
||||
border-top:solid #B53018 2px;
|
||||
text-align:right;
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<head>
|
||||
<tmpl_var head.tags>
|
||||
<title>^c; - ^Page(title);</title>
|
||||
<link href="/css03.css" rel="stylesheet" type="text/css" />
|
||||
<link href="/style3/css03.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
^AdminBar();
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
<h1>^H(^c;);</h1>
|
||||
<h2>^Page(title);</h2>
|
||||
</div>
|
||||
<a href="http://www.plainblack.com/weggui">^AssetProxy(style03/wg.jpg);</a><br />
|
||||
<a href="http://www.plainblack.com/weggui">^AssetProxy(style3/wg.jpg);</a><br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -35,7 +35,7 @@
|
|||
<tmpl_var body.content>
|
||||
</div>
|
||||
<div id="topCorner">
|
||||
^AssetProxy(style03/main_top.jpg);
|
||||
^AssetProxy(style3/main_top.jpg);
|
||||
</div>
|
||||
<div id="bottomCorner"></div>
|
||||
</div>
|
||||
|
|
@ -44,10 +44,10 @@
|
|||
<div id="copyright">
|
||||
© ^D(%y); ^c;
|
||||
</div>
|
||||
<a href="http://www.plainblack.com">^AssetProxy(style03/pb.jpg);</a><br />
|
||||
<a href="http://www.plainblack.com">^AssetProxy(style3/pb.jpg);</a><br />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue