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

Added in copyright, links to home, and some style corrections to Style 1 for 7.0

Browse source
This commit is contained in:
Steve Swanson 2006-04-24 19:11:33 +00:00
parent 0ec1722ac2
commit 622aec0e1b
5 changed files with 240 additions and 213 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
docs/upgrades/7fixup/style1/orange_left01.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

Before After
Before After

414
docs/upgrades/7fixup/style1/style01.snippet
View file

@ -1,206 +1,228 @@
#title:style01.css #title:style01.css
#menuTitle:style01.css #menuTitle:style01.css
#url:style01.css #url:style01.css
<style type="text/css"> #processAsTemplate:yes
body, html #mimeType:text/css
{ body, html
text-align:center; {
margin:0px; text-align:center;
height:100%; margin:0px;
background-color:#494949; height:100%;
} background-color:#494949;
}
#main #main
{ {
width:800px; width:800px;
background: url('^FileUrl(style1/main_bg.jpg);') repeat-y; background: url('^FileUrl(style01/main_bg.jpg);') repeat-y;
height:100%; height:100%;
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
margin-top:0px; margin-top:0px;
margin-bottom:0px; margin-bottom:0px;
position:relative; position:relative;
} }
body > #main body > #main
{ {
height:auto; height:auto;
min-height:100%; min-height:100%;
} }
#main #mainHeader #main #mainHeader
{ {
width:800px; width:800px;
height:133px; height:133px;
background: url('^FileUrl(style1/header.jpg);') no-repeat; background: url('^FileUrl(style01/header.jpg);') top left no-repeat;
margin-bottom:0px; margin-bottom:0px;
position:relative; position:relative;
} }
#main #mainHeader #title #main #mainHeader #title
{ {
position:absolute; position:absolute;
top:23px; top:23px;
left:145px; left:145px;
font-size:32pt; font-size:32pt;
font-family:arial; font-family:arial;
color:white; color:white;
font-weight:bold; font-weight:bold;
} }
#main #mainHeader #title a {
color:white;
text-decoration:none;
}
#main #mainContent #main #mainContent
{ {
background: url('^FileUrl(style1/orange_left01.jpg);') left top no-repeat; background: url('^FileUrl(style01/orange_left01.jpg);') left top no-repeat;
width:100%; width:100%;
height:100%; height:100%;
margin-top:0px; margin-top:0px;
text-align:left; text-align:left;
} border:solid red 0px;
#main > #mainContent }
{ #main > #mainContent
margin-top:0px; {
min-height:500px; margin-top:0px;
} min-height:500px;
#main > #mainContent > p { }
margin-top:0px; #main > #mainContent > p {
} margin-top:0px;
#main #mainContent #mainText a:link { }
color:#FF7F23; #main #mainContent #mainText a:link {
} color:#FF7F23;
#main #mainContent #mainText a:visited { }
color:#D25900; #main #mainContent #mainText a:visited {
} color:#D25900;
}
/* LEVEL 1 AND 2 NAVIGATION */ /* LEVEL 1 AND 2 NAVIGATION */
#main .mainNav_1, #main .mainNav_2 { #main .mainNav_1, #main .mainNav_2 {
border-bottom:dashed #DADADA 1px; border-bottom:dashed #DADADA 1px;
width:621px; width:621px;
height:25px; height:25px;
text-align:left; text-align:left;
position:relative; position:relative;
margin-left:137px; margin-left:137px;
clear:both; clear:both;
} }
#main .mainNav_1 a:link, #main .mainNav_1 a:visited, #main .mainNav_2 a:link, #main .mainNav_2 a:visited { #main .mainNav_1 a:link, #main .mainNav_1 a:visited, #main .mainNav_2 a:link, #main .mainNav_2 a:visited {
color:white; color:white;
text-decoration:none; text-decoration:none;
top:5px; top:5px;
position:relative; position:relative;
-moz-box-sizing:border-box; -moz-box-sizing:border-box;
} }
#main .mainNav_1 a:hover,#main .mainNav_2 a:hover { #main .mainNav_1 a:hover,#main .mainNav_2 a:hover {
color:black; color:black;
} }
#main .mainNav_1 div .left, #main .mainNav_2 div .left { #main .mainNav_1 div .left, #main .mainNav_2 div .left {
width:12px; width:12px;
height:25px; height:25px;
display:block; display:block;
float:left; float:left;
background: url('^FileUrl(style1/nav1_off_left.jpg);') no-repeat top left; background: url('^FileUrl(style01/nav1_off_left.jpg);') no-repeat top left;
} }
#main .mainNav_2 div .left { #main .mainNav_2 div .left {
background: url('^FileUrl(style1/nav2_off_left.jpg);') no-repeat top left; background: url('^FileUrl(style01/nav2_off_left.jpg);') no-repeat top left;
} }
#main .mainNav_1 div .center, #main .mainNav_2 div .center { #main .mainNav_1 div .center, #main .mainNav_2 div .center {
height:25px; height:25px;
display:block; display:block;
float:left; float:left;
background: url('^FileUrl(style1/nav1_off_center.jpg);') repeat-x top left; background: url('^FileUrl(style01/nav1_off_center.jpg);') repeat-x top left;
color:white; color:white;
font-family:arial, verdana; font-family:arial, verdana;
font-size:8pt; font-size:8pt;
} }
#main .mainNav_2 div .center { #main .mainNav_2 div .center {
background: url('^FileUrl(style1/nav2_off_center.jpg);') repeat-x top left; background: url('^FileUrl(style01/nav2_off_center.jpg);') repeat-x top left;
} }
#main .mainNav_1 div .right, #main .mainNav_2 div .right { #main .mainNav_1 div .right, #main .mainNav_2 div .right {
width:10px; width:10px;
height:25px; height:25px;
display:block; display:block;
float:left; float:left;
background: url('^FileUrl(style1/nav1_off_right.jpg);') no-repeat top left; background: url('^FileUrl(style01/nav1_off_right.jpg);') no-repeat top left;
} }
#main .mainNav_2 div .right { #main .mainNav_2 div .right {
background: url('^FileUrl(style1/nav2_off_right.jpg);') no-repeat top left; background: url('^FileUrl(style01/nav2_off_right.jpg);') no-repeat top left;
} }
#main .mainNav_1 div.navOn .left { #main .mainNav_1 div.navOn .left {
background: url('^FileUrl(style1/nav1_on_left.jpg);') no-repeat top left; background: url('^FileUrl(style01/nav1_on_left.jpg);') no-repeat top left;
} }
#main .mainNav_1 div.navOn .center { #main .mainNav_1 div.navOn .center {
background: url('^FileUrl(style1/nav1_on_center.jpg);') repeat-x top left; background: url('^FileUrl(style01/nav1_on_center.jpg);') repeat-x top left;
} }
#main .mainNav_1 div.navOn .right { #main .mainNav_1 div.navOn .right {
background: url('^FileUrl(style1/nav1_on_right.jpg);') no-repeat top left; background: url('^FileUrl(style01/nav1_on_right.jpg);') no-repeat top left;
} }
#main .mainNav_2 div.navOn .left { #main .mainNav_2 div.navOn .left {
background: url('^FileUrl(style1/nav2_on_left.jpg);') no-repeat top left; background: url('^FileUrl(style01/nav2_on_left.jpg);') no-repeat top left;
} }
#main .mainNav_2 div.navOn .center { #main .mainNav_2 div.navOn .center {
background: url('^FileUrl(style1/nav2_center_on.jpg);') repeat-x top left; background: url('^FileUrl(style01/nav2_center_on.jpg);') repeat-x top left;
} }
#main .mainNav_2 div.navOn .right { #main .mainNav_2 div.navOn .right {
background: url('^FileUrl(style1/nav2_on_right.jpg);') no-repeat top left; background: url('^FileUrl(style01/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 { #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; color:black;
} }
/* ENDOF LEVEL 1 AND 2 NAVIGATION */ /* ENDOF LEVEL 1 AND 2 NAVIGATION */
#main #crumbTrail { #main #crumbTrail {
margin-left:177px; margin-left:177px;
margin-bottom:0px; margin-bottom:0px;
color:gray; color:gray;
font-size:8pt; font-size:8pt;
font-weight:bold; font-weight:bold;
} }
#main #crumbTrail a.crumbTrail:visited, #main #crumbTrail a.crumbTrail:link { #main #crumbTrail a.crumbTrail:visited, #main #crumbTrail a.crumbTrail:link {
color:silver; color:silver;
font-size:8pt; font-size:8pt;
font-family:arial; font-family:arial;
text-decoration:none; text-decoration:none;
font-weight:normal; font-weight:normal;
} }
#main #crumbTrail a.crumbTrail:hover { #main #crumbTrail a.crumbTrail:hover {
color:gray; color:gray;
} }
#main #mainText #main #mainText
{ {
padding-left:150px; padding-left:150px;
font-family:verdana; font-family:verdana;
font-size:9pt; font-size:9pt;
width:600px; width:600px;
margin-top:0px; margin-top:0px;
} }
#main #gui #main #gui
{ {
bottom:0px; bottom:0px;
left:0px; left:0px;
position:absolute; position:absolute;
width:135px; width:135px;
font-size:8pt; font-size:8pt;
color:black; color:black;
font-family:arial; font-family:arial;
text-align:right; text-align:right;
} }
#main #gui .loginBox { #main #gui .loginBox {
padding-right:12px; padding-right:12px;
-moz-box-sizing:border-box; -moz-box-sizing:border-box;
width:100px; width:100px;
float:right; float:right;
margin-bottom:10px; margin-bottom:10px;
} }
#main #gui .loginBox .loginBoxField { #main #gui .loginBox .loginBoxField {
width:75px; width:75px;
} }
#main #gui .loginBox .loginBoxButton { #main #gui .loginBox .loginBoxButton {
background-color:#D65501; background-color:#D65501;
color:white; color:white;
border:solid white 2px; border:solid white 2px;
margin-top:4px; margin-top:4px;
font-variant:small-caps; font-variant:small-caps;
} }
#main #gui a #main #gui a
{ {
color:white; color:white;
} }
</style> #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;
}

17
docs/upgrades/7fixup/style1/style01.tmpl
View file

@ -4,17 +4,22 @@
#url:style_01 #url:style_01
#namespace:style #namespace:style
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<title>^Page(title);</title> <title>^Page(title);</title>
<tmpl_var head.tags> <tmpl_var head.tags>
<link href="/css01.css" rel="stylesheet" type="text/css" />
</head> </head>
<body> <body>
^AdminBar("PBtmpl0000000000000090"); ^AdminBar();
<div id="main"> <div id="main">
<div id="mainHeader"> <div id="mainHeader">
<div id="title"> <div id="title">
^c(); ^H(^c(););
</div>
<div id="copyright">
&copy; ^D(%y); ^c;
</div> </div>
</div> </div>
@ -39,11 +44,9 @@
<div id="gui"> <div id="gui">
^L("","","PBtmpl0000000000000044"); ^L("","","PBtmpl0000000000000044");
<div style="clear:both;padding-right:12px;">^AdminToggle;</div> <div style="clear:both;padding-right:12px;">^AdminToggle;</div>
^AssetProxy(style1/gui_bottom.jpg);<br /> ^AssetProxy(style01/gui_bottom.jpg);<br />
<a href="http://www.webgui.org"><img src="^FileUrl(style1/webgui_btn.jpg);" style="border:none;" alt="WebGUI Button" /></a> <a href="http://www.plainblack.com/webgui"><img src="^FileUrl(style01/webgui_btn.jpg);" style="border:none;" alt="WebGUI Button" /></a>
</div> </div>
</div> </div>
</body> </body>
</html> </html>
~~~
^AssetProxy(style01.css);

2
docs/upgrades/7fixup/style1/style01_nav.tmpl
View file

@ -25,3 +25,5 @@
<span class="right">&#160;</span> <span class="right">&#160;</span>
</div> </div>
</tmpl_loop> </tmpl_loop>
<div style="clear:both;"></div>