Corrections to style 1's navigation system
This commit is contained in:
Steve Swanson
parent
ec7e44b110
commit
9572989d46
3 changed files with 282 additions and 46 deletions
227
docs/upgrades/7fixup/style1/css01.snippet
Normal file
227
docs/upgrades/7fixup/style1/css01.snippet
Normal file
|
|
@ -0,0 +1,227 @@
|
|||
#title:css01.css
|
||||
#menuTitle:css01.css
|
||||
#url:style1/css01.css
|
||||
#mimeType:text/css
|
||||
body, html
|
||||
{
|
||||
text-align:center;
|
||||
margin:0px;
|
||||
height:100%;
|
||||
background-color:#494949;
|
||||
}
|
||||
|
||||
#main
|
||||
{
|
||||
width:800px;
|
||||
background: url('^FileUrl(style1/main_bg.jpg);') repeat-y;
|
||||
height:100%;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
margin-top:0px;
|
||||
margin-bottom:0px;
|
||||
position:relative;
|
||||
}
|
||||
body > #main
|
||||
{
|
||||
height:auto;
|
||||
min-height:100%;
|
||||
}
|
||||
|
||||
#main #mainHeader
|
||||
{
|
||||
width:800px;
|
||||
height:133px;
|
||||
background: url('^FileUrl(style1/header.jpg);') top left no-repeat;
|
||||
margin-bottom:0px;
|
||||
position:relative;
|
||||
}
|
||||
#main #mainHeader #title
|
||||
{
|
||||
position:absolute;
|
||||
top:23px;
|
||||
left:145px;
|
||||
font-size:32pt;
|
||||
font-family:arial;
|
||||
color:white;
|
||||
font-weight:bold;
|
||||
}
|
||||
#main #mainHeader #title a {
|
||||
color:white;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#main #mainContent
|
||||
{
|
||||
background: url('^FileUrl(style1/orange_left01.jpg);') left top no-repeat;
|
||||
width:100%;
|
||||
height:100%;
|
||||
margin-top:0px;
|
||||
text-align:left;
|
||||
border:solid red 0px;
|
||||
}
|
||||
#main > #mainContent
|
||||
{
|
||||
margin-top:0px;
|
||||
min-height:500px;
|
||||
}
|
||||
#main > #mainContent > p {
|
||||
margin-top:0px;
|
||||
}
|
||||
#main #mainContent #mainText a:link {
|
||||
color:#FF7F23;
|
||||
}
|
||||
#main #mainContent #mainText a:visited {
|
||||
color:#D25900;
|
||||
}
|
||||
|
||||
/* LEVEL 1 AND 2 NAVIGATION */
|
||||
#main .mainNav_1, #main .mainNav_2 {
|
||||
border-bottom:dashed #DADADA 1px;
|
||||
width:621px;
|
||||
height:25px;
|
||||
text-align:left;
|
||||
position:relative;
|
||||
margin-left:137px;
|
||||
clear:both;
|
||||
}
|
||||
#main .mainNav_1 a:link, #main .mainNav_1 a:visited, #main .mainNav_2 a:link, #main .mainNav_2 a:visited {
|
||||
color:white;
|
||||
text-decoration:none;
|
||||
top:5px;
|
||||
position:relative;
|
||||
-moz-box-sizing:border-box;
|
||||
}
|
||||
#main .mainNav_1 a:hover,#main .mainNav_2 a:hover {
|
||||
color:black;
|
||||
}
|
||||
#main .mainNav_1 div .left, #main .mainNav_2 div .left {
|
||||
width:12px;
|
||||
height:25px;
|
||||
display:block;
|
||||
float:left;
|
||||
background: url('^FileUrl(style1/nav1_off_left.jpg);') no-repeat top left;
|
||||
}
|
||||
#main .mainNav_2 div .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(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(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(style1/nav1_off_right.jpg);') no-repeat top left;
|
||||
}
|
||||
#main .mainNav_2 div .right {
|
||||
background: url('^FileUrl(style1/nav2_off_right.jpg);') no-repeat top left;
|
||||
}
|
||||
#main .mainNav_1 div.navOn .left {
|
||||
background: url('^FileUrl(style1/nav1_on_left.jpg);') no-repeat top left;
|
||||
}
|
||||
#main .mainNav_1 div.navOn .center {
|
||||
background: url('^FileUrl(style1/nav1_center_on.jpg);') repeat-x top left;
|
||||
}
|
||||
#main .mainNav_1 div.navOn .right {
|
||||
background: url('^FileUrl(style1/nav1_on_right.jpg);') no-repeat top left;
|
||||
}
|
||||
#main .mainNav_2 div.navOn .left {
|
||||
background: url('^FileUrl(style1/nav2_on_left.jpg);') no-repeat top left;
|
||||
}
|
||||
#main .mainNav_2 div.navOn .center {
|
||||
background: url('^FileUrl(style1/nav2_center_on.jpg);') repeat-x top left;
|
||||
}
|
||||
#main .mainNav_2 div.navOn .right {
|
||||
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;
|
||||
}
|
||||
/* ENDOF LEVEL 1 AND 2 NAVIGATION */
|
||||
|
||||
#main #crumbTrail {
|
||||
margin-left:177px;
|
||||
margin-bottom:0px;
|
||||
color:gray;
|
||||
font-size:8pt;
|
||||
font-weight:bold;
|
||||
}
|
||||
#main #crumbTrail a.crumbTrail:visited, #main #crumbTrail a.crumbTrail:link {
|
||||
color:silver;
|
||||
font-size:8pt;
|
||||
font-family:arial;
|
||||
text-decoration:none;
|
||||
font-weight:normal;
|
||||
}
|
||||
#main #crumbTrail a.crumbTrail:hover {
|
||||
color:gray;
|
||||
}
|
||||
|
||||
#main #mainText
|
||||
{
|
||||
padding-left:150px;
|
||||
font-family:verdana;
|
||||
font-size:9pt;
|
||||
width:600px;
|
||||
margin-top:0px;
|
||||
}
|
||||
|
||||
#main #gui
|
||||
{
|
||||
bottom:0px;
|
||||
left:0px;
|
||||
position:absolute;
|
||||
width:135px;
|
||||
font-size:8pt;
|
||||
color:black;
|
||||
font-family:arial;
|
||||
text-align:right;
|
||||
}
|
||||
#main #gui .loginBox {
|
||||
padding-right:12px;
|
||||
-moz-box-sizing:border-box;
|
||||
width:100px;
|
||||
float:right;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
#main #gui .loginBox .loginBoxField {
|
||||
width:75px;
|
||||
}
|
||||
#main #gui .loginBox .loginBoxButton {
|
||||
background-color:#D65501;
|
||||
color:white;
|
||||
border:solid white 2px;
|
||||
margin-top:4px;
|
||||
font-variant:small-caps;
|
||||
}
|
||||
#main #gui a
|
||||
{
|
||||
color:white;
|
||||
}
|
||||
#copyright {
|
||||
color:#fff;
|
||||
position:absolute;
|
||||
top:110px;
|
||||
right:40px;
|
||||
font-family:verdana;
|
||||
font-size:8pt;
|
||||
font-weight:bold;
|
||||
background-color:#2D2D2D;
|
||||
opacity:0.4;
|
||||
-moz-opacity:0.4;
|
||||
-khtml-opacity:0.4;
|
||||
padding:2px;
|
||||
}
|
||||
* html #copyright {
|
||||
background: transparent;
|
||||
}
|
||||
9
docs/upgrades/7fixup/style1/roottab_level0.nav
Normal file
9
docs/upgrades/7fixup/style1/roottab_level0.nav
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
#title:RootTab Level 0
|
||||
#menuTitle:RootTab Level 0
|
||||
#url:roottab_level0
|
||||
#startPointType:relativeToRoot
|
||||
#startPoint:1
|
||||
#relativesToInclude:descendants
|
||||
#descendantEndPoint:1
|
||||
#templateId:#stevenav00000000000001
|
||||
#displayTitle:0
|
||||
|
|
@ -3,50 +3,50 @@
|
|||
#menuTitle:Style 01
|
||||
#url:style_01
|
||||
#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">
|
||||
<head>
|
||||
<title>^Page(title);</title>
|
||||
<tmpl_var head.tags>
|
||||
<link href="/style1/css01.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
^AdminBar();
|
||||
<div id="main">
|
||||
<div id="mainHeader">
|
||||
<div id="title">
|
||||
^H(^c(););
|
||||
</div>
|
||||
|
||||
<div id="copyright">
|
||||
© ^D(%y); ^c;
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="mainContent">
|
||||
<div class="mainNav_1">
|
||||
^AssetProxy(roottab);
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
<div class="mainNav_2">
|
||||
^AssetProxy(roottab_level1);
|
||||
</div>
|
||||
<div id="crumbTrail">
|
||||
^AssetProxy(crumbtrail);
|
||||
</div>
|
||||
<div style="clear:both;"> </div>
|
||||
<div id="mainText">
|
||||
<tmpl_var body.content>
|
||||
</div>
|
||||
<div style="clear:both;"> </div>
|
||||
</div>
|
||||
|
||||
<div id="gui">
|
||||
^L("","","PBtmpl0000000000000044");
|
||||
<div style="clear:both;padding-right:12px;">^AdminToggle;</div>
|
||||
^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>
|
||||
<!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">
|
||||
<head>
|
||||
<title>^Page(title);</title>
|
||||
<tmpl_var head.tags>
|
||||
<link href="/style1/css01.css" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<body>
|
||||
^AdminBar();
|
||||
<div id="main">
|
||||
<div id="mainHeader">
|
||||
<div id="title">
|
||||
^H(^c(););
|
||||
</div>
|
||||
|
||||
<div id="copyright">
|
||||
© ^D(%y); ^c;
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="mainContent">
|
||||
<div class="mainNav_1">
|
||||
^AssetProxy(roottab_level0);
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
<div class="mainNav_2">
|
||||
^AssetProxy(roottab_level1);
|
||||
</div>
|
||||
<div id="crumbTrail">
|
||||
^AssetProxy(crumbtrail);
|
||||
</div>
|
||||
<div style="clear:both;"> </div>
|
||||
<div id="mainText">
|
||||
<tmpl_var body.content>
|
||||
</div>
|
||||
<div style="clear:both;"> </div>
|
||||
</div>
|
||||
|
||||
<div id="gui">
|
||||
^L("","","PBtmpl0000000000000044");
|
||||
<div style="clear:both;padding-right:12px;">^AdminToggle;</div>
|
||||
^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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue