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

Redid style 3 for 7.0

Browse source
This commit is contained in:
Steve Swanson 2006-04-21 19:14:18 +00:00
parent eded1a4dac
commit 5fa8a5e8d8
11 changed files with 426 additions and 150 deletions
Download patch file Download diff file Expand all files Collapse all files

270
docs/upgrades/7fixup/style3/css03.snippet
View file

@ -1,137 +1,145 @@
#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 */
body, html {
margin:0px;
background-color:#b53018;
padding:0px;
}
/* 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;
}
/*#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 */
#main {
width:98%;
/*min-width:790px;*/
margin:0px;
padding:0px;
padding-top:20px;
padding-bottom:20px;
position:relative;
}
#footer {
width:95%;
height:68px;
background:orange url('^FileUrl(style3/footer_bg.jpg);') repeat-x;
}
#footer img {
float:right;
}
#login {
position:absolute;
font-size:8pt;
top:50%;
right:150px;
color:white;
}
#login a {
color:white;
}
.loginBox {
font-size:8pt;
margin:0px;
display:inline;
}
.loginBox input {
font-size:8pt;
}
#header {
background: url('^FileUrl(style03/header_bg.jpg);') repeat-x;
width:100%;
margin:0px;
height:115px;
}
#headerTitle {
background: url('^FileUrl(style03/header_left.jpg);') no-repeat left top;
height:100%;
width:100%;
}
#headerRight {
background: url('^FileUrl(style03/header_right.jpg);') no-repeat right top;
width:100%;
height:100%;
text-align:right;
position:relative;
}
#headerRight #title {
position:absolute;
top:25px;
left:20px;
font-family:arial;
text-align:left;
}
#title h1 {
text-transform:uppercase;
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;
}