Added in a login box to design 3 for 7.0
This commit is contained in:
Steve Swanson
parent
bad8616f08
commit
fa71385f55
2 changed files with 149 additions and 143 deletions
|
|
@ -2,116 +2,124 @@
|
|||
#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 */
|
||||
<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 */
|
||||
|
||||
|
||||
|
||||
/* 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 */
|
||||
|
||||
|
||||
#footer {
|
||||
width:95%;
|
||||
height:68px;
|
||||
background:orange url('^FileUrl(style3/footer_bg.jpg);') repeat-x;
|
||||
}
|
||||
#footer img {
|
||||
float:right;
|
||||
}
|
||||
|
||||
|
||||
/* 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;
|
||||
}
|
||||
* 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 */
|
||||
|
||||
|
||||
|
||||
#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;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,36 +1,34 @@
|
|||
<!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>
|
||||
<head>
|
||||
<tmpl_var head.tags>
|
||||
<title>^c; - ^Page(title);</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
^AdminBar("PBtmpl0000000000000090");
|
||||
^AssetProxy(coolmenu);
|
||||
|
||||
<div id="header">
<div id="titles">
<div id="login">
^L("","","PBtmpl0000000000000092"); · ^AdminToggle;
</div>
|
||||
<h1>^c;</h1><br />
|
||||
<h2>^Page(title);</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div style="clear:both"></div>
|
||||
<div id="main">
|
||||
<div id="mainBody">
|
||||
<tmpl_var body.content>
|
||||
</div>
|
||||
<div id="topCorner"></div>
|
||||
<div id="bottomCorner"></div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
^AssetProxy(style3/footer_right.jpg);
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<tmpl_var head.tags>
|
||||
<title>^c; - ^Page(title);</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
^AdminBar("PBtmpl0000000000000090");
|
||||
^AssetProxy(coolmenu);
|
||||
|
||||
<div id="header">
|
||||
<div id="titles">
|
||||
<h1>^c;</h1><br />
|
||||
<h2>^Page(title);</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div style="clear:both"></div>
|
||||
<div id="main">
|
||||
<div id="mainBody">
|
||||
<tmpl_var body.content>
|
||||
</div>
|
||||
<div id="topCorner"></div>
|
||||
<div id="bottomCorner"></div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
^AssetProxy(style3/footer_right.jpg);
|
||||
</div>
|
||||
|
||||
^AdminToggle;
|
||||
|
||||
</body>
|
||||
</html>
|
||||
~~~
|
||||
^AssetProxy(css03.css);
|
||||
Loading…
Add table
Add a link
Reference in a new issue