Redid style 3 for 7.0

docs/upgrades/7fixup/style3/coolmenu.tmpl

@@ -0,0 +1,254 @@
+#stevecoolmenu000000001
+#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.8;
+	-moz-opacity:0.8;
+	-khtml-opacity:0.8;
+	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.8;
+	-moz-opacity:0.8;
+	-khtml-opacity:0.8;
+	position: absolute;
+	visibility: hidden;
+	background-color: #444;
+	layer-background-color: #444;
+}
+
+</style>

docs/upgrades/7fixup/style3/css03.snippet

@@ -1,137 +1,145 @@
 #title:css03.css
 #menuTitle:css03.css
 #url:css03.css
-<style type="text/css">
+body, html {
-	body, html {
+	margin:0px;
-		margin:0px;
+	background-color:#b53018;
-		background-color:#3c3c3c;
+	padding:0px;
-	}
+}
-	
-	/* 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 {
-	
+	width:98%;
-	/* MAIN STYLES */
+	/*min-width:790px;*/
-	#main {
+	margin:0px;
-		background: #fff url(^FileUrl(style3/main_bg.jpg);) repeat-y;
+	padding:0px;
-		width:95%;
+	padding-top:20px;
-		height:500px;
+	padding-bottom:20px;
-		position:relative;	
+	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;
-	}
-	/*#main > #mainBody h2 { margin-top:0px; }*/
-	* 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 */
 
-	
+#header { 
-	#footer {
+	background: url('^FileUrl(style03/header_bg.jpg);') repeat-x;
-		width:95%;
+	width:100%;
-		height:68px;
+	margin:0px;			
-		background:orange  url('^FileUrl(style3/footer_bg.jpg);') repeat-x;
+	height:115px;
-	}
+}
-	#footer img {
+#headerTitle {
-		float:right;
+	background: url('^FileUrl(style03/header_left.jpg);') no-repeat left top;
-	}
+	height:100%;
-	
+	width:100%;
-	
+}
-	#login {
+#headerRight {
-		position:absolute;
+	background: url('^FileUrl(style03/header_right.jpg);') no-repeat right top;
-		font-size:8pt;
+	width:100%;
-		top:50%;
+	height:100%;
-		right:150px;			
+	text-align:right;
-		color:white;
+	position:relative;
-	}
+}
-	#login a {
+#headerRight #title {
-		color:white;
+	position:absolute;
-	}
+	top:25px;
-	.loginBox {
+	left:20px;
-		font-size:8pt;
+	font-family:arial;
-		margin:0px;
+	text-align:left;
-		display:inline;
+}
-	}
+#title h1 {
-	.loginBox input {
+	text-transform:uppercase;			
-		font-size:8pt;
+	margin-bottom:0px;	
-	}
+	font-weight:normal;
+	font-size:26pt;
+	margin-top:0px;
+	color:white;
+}
+#title h1 a {
+	color:white;
+	text-decoration:none;
+}
+#title h2 {
+	margin:0px;
+	font-size:12pt;
+	color:#bebebe;
+	padding-left:20px;
+}
+#title img {
+	z-index:5;
+}
+#login {
	position:absolute;
	font-size:8pt;
	top:45%;
	right:150px;			
	color:white;
+	z-index:6;
+	font-family:arial;
}
#login a {
	color:white;
}
+.loginBox {
+	font-size:8pt;
	margin:0px;
	display:inline;
+}
+.loginBox input {
+	font-size:8pt;
+}
 
-</style>
+#mainBody {
+	width:100%;
+	margin:0px;
+	height:500px;
+	background: #fff;
+	position:relative;
+}	
+#main > #mainBody {
+	height:auto;
+	min-height:500px;
+}
+
+#contentArea {
+	z-index:2;
+	position:relative;
+	padding-top:50px;
+	padding-left:10px;
+	padding-right:20px;
+	padding-bottom:20px;
+	-moz-box-sizing:border:box;
+	font-family:verdana;
+	font-size:9pt;
+
+}
+html #main #mainBody #contentArea {
+	height:1%;
+}
+#contentArea a {
+	color:#EE963E;
+	font-weight:bold;
+	letter-spacing:1px;
+	font-size:8pt;
+}
+
+#topCorner {
+	width:100%;
+	height:214px;
+	position:absolute;
+	top:0px;
+	left:0px;
+	background: url('^FileUrl(style03/main_top_bg.jpg);') repeat-x;
+	z-index:1;
+}
+#bottomCorner {
+	width:100%;
+	height:211px;
+	position:absolute;
+	bottom:0px;
+	right:0px;
+	background: url('^FileUrl(style03/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;
+	height:57px;
+	border-top:solid #B53018 2px;
+	text-align:right;
+	position:relative;
+}		
+#footer #copyright {
+	color:#3b3b3b;
+	font-family:arial;
+	position:absolute;
+	top:20px;
+	left:30px;
+	font-size:8pt;
+}

docs/upgrades/7fixup/style3/style03.tmpl

@@ -5,35 +5,49 @@
 #namespace:style
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
-
+<html xmlns="http://www.w3.org/1999/xhtml">
-<html>
 <head>
 	<tmpl_var head.tags>
-	<title>^c; - ^Page(title);</title>	
+	<title>^c; - ^Page(title);</title>
+	<link href="/css03.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
+^AdminBar();
 
-	^AdminBar("PBtmpl0000000000000090");
+^AssetProxy(coolmenu);
-	^AssetProxy(coolmenu);
+
-	
+<div id="main">
-	<div id="header">		<div id="titles">			<div id="login">				^L("","","PBtmpl0000000000000092"); &middot; ^AdminToggle;			</div>
+	<div id="header">
-			<h1>^c;</h1><br />
+		<div id="headerTitle">
-			<h2>^Page(title);</h2>
+			<div id="headerRight">
+				<div id="login">
					^L("","","PBtmpl0000000000000092"); &middot; ^AdminToggle;
				</div>
+				<div id="title">
+					<h1>^H(^c;);</h1>
+					<h2>^Page(title);</h2>
+				</div>
+				<a href="http://www.plainblack.com/weggui">^AssetProxy(style03/wg.jpg);</a><br />
+			</div>
 		</div>
 	</div>
-	<div style="clear:both"></div>
+	
-	<div id="main">
+	<div id="mainBody">
-		<div id="mainBody">
+		<div id="contentArea">
 			<tmpl_var body.content>
 		</div>
-		<div id="topCorner"></div>
+		<div id="topCorner">
+			^AssetProxy(style03/main_top.jpg);
+		</div>
 		<div id="bottomCorner"></div>
 	</div>
+	
 	<div id="footer">
-		^AssetProxy(style3/footer_right.jpg);
+		<div id="copyright">
-	</div>	
+			&copy; ^D(%y); ^c;
-</body>
+		</div>
-</html>	
+		<a href="http://www.plainblack.com">^AssetProxy(style03/pb.jpg);</a><br />
+	</div>
+</div>
 
-~~~
+
-^AssetProxy(css03.css);
+</body>
+</html>