Updated main header to use floats instead of tables.

Added spacing to default.css.
Updated acm logo to remove some whitespace.
foo
David Bartley 16 years ago
parent 0117c3991f
commit 5c9bf8cd14
  1. 139
      default.css
  2. BIN
      logos/acm_logo.gif
  3. BIN
      logos/uw_logo.gif
  4. BIN
      logos/uw_logo_100_68.gif
  5. 14
      xsl/common.xsl

@ -1,11 +1,11 @@
body {
background: white;
color: black;
font-family:serif;
font-size:12px;
width:760px;
margin:0 auto;
padding:0 20px;
font-family: serif;
font-size: 12px;
width: 760px;
margin: 0 auto;
padding: 0 20px;
}
h1 {
@ -13,10 +13,10 @@ h1 {
}
h2 {
font-size: large;
font-family:'Lucida Grande', Sans, Sans-serif;
font-family: 'Lucida Grande', Sans, Sans-serif;
text-transform: uppercase;
border-left:10px solid #ff9900;
padding-left:10px;
border-left: 10px solid #ff9900;
padding-left: 10px;
color: #000055;
}
h3 {
@ -107,7 +107,7 @@ tr.book2 {
}
img {
border-width:0;
border-width: 0;
}
div.footerlogo {
@ -116,7 +116,7 @@ div.footerlogo {
}
p {
font-family:'Lucida Grande', Sans, Sans-serif;
font-family: 'Lucida Grande', Sans, Sans-serif;
}
div.webcam {
@ -124,116 +124,113 @@ div.webcam {
}
div.biglogo {
background:url(./csc_welcome.jpg) -20px 25px transparent no-repeat;
height:340px;
background: url(./csc_welcome.jpg) -20px 25px transparent no-repeat;
height: 340px;
}
div.biglogo table {
float:left;
div.uwlogo {
margin-top: 16px;
float: left;
}
div.acmlogo {
margin-top: 12px;
float: left;
}
table.template-header {
border-bottom:1px solid #ccc;
/*background-color:#cee6ff;*/
/*padding-top:65px;*/
border-bottom: 1px solid #ccc;
}
div.webtitle {
/*position:absolute;
top:0;
left:0;*/
height:60px;
width:760px;
background-color:#215498;
border-bottom:4px solid #104387;
height: 60px;
width: 760px;
background-color: #215498;
border-bottom: 4px solid #104387;
}
div.webtitle div.webtitle-inner {
width:760px;
padding:0 10px;
width: 760px;
padding: 0 10px;
}
div.menuspace {
background:white;
background: white;
}
div.menuspace table.menubar {
background-color: transparent;
padding:0;
margin:0 auto;
padding: 0;
margin: 0 auto;
text-align: center;
height:90px;
height: 90px;
vertical-align: middle;
font-size:11px;
font-size: 11px;
text-transform: uppercase;
}
div.menuspace td.menuitem {
margin:0;
padding:0;
margin: 0;
padding: 0;
text-align: center;
}
div.menuspace td.menuitem a {
display:block;
text-align:center;
padding:5px;
margin:0;
text-decoration:none;
font-weight:400;
font-family:'Lucida Grande', Sans, Sans-serif;
display: block;
text-align: center;
padding: 5px;
margin: 0;
text-decoration: none;
font-weight: 400;
font-family: 'Lucida Grande', Sans, Sans-serif;
}
div.menuspace td.menuitem a:hover {
font-weight:700;
color:black;
background-color:#eee;
border:1px solid #ccc;
font-weight: 700;
color: black;
background-color: #eee;
border: 1px solid #ccc;
}
div.menuspace div.menuitem a:hover img {
width:60px;
height:60px;
width: 60px;
height: 60px;
}
a.diritem, a.diritem:link, a.diritem:visited, a.diritem:active {
font-family:'Lucida Grande', Sans, Sans-serif;
border-left:4px solid #ccc;
padding:0 15px 0 5px;
color:blue;
font-family: 'Lucida Grande', Sans, Sans-serif;
border-left: 4px solid #ccc;
padding: 0 15px 0 5px;
color: blue;
}
a.diritem:hover {
border-left:4px solid green;
border-left: 4px solid green;
}
a.headdir {
font-weight:700;
font-weight: 700;
}
a.pagetop, a.pagetop:link, a.pagetop:visited, a.pagetop:hover {
font-family:'Lucida Grande',sans, sans-serif;
display:block;
padding:0 10px 10px 10px;
margin:10px 0 0 0;
border-top:1px solid #ccc;
background-color:#eee;
color:#999;
font-size:9px;
text-align:right;
text-transform:uppercase;
font-family: 'Lucida Grande',sans, sans-serif;
display: block;
padding: 0 10px 10px 10px;
margin: 10px 0 0 0;
border-top: 1px solid #ccc;
background-color: #eee;
color: #999;
font-size: 9px;
text-align: right;
text-transform: uppercase;
}
div.footer {
/*margin-top:10px;*/
padding-top:10px;
border-top:1px solid #ccc;
font-size:10px;
color:#666;
/*background:url('/logos/csc_80_35.png') right bottom no-repeat transparent;*/
padding-top: 10px;
border-top: 1px solid #ccc;
font-size: 10px;
color: #666;
}
p.infobox {
border:1px solid #ccc;
padding:5px 10px;
border: 1px solid #ccc;
padding: 5px 10px;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

@ -32,17 +32,27 @@
<xsl:template match="biglogo" name="biglogo">
<div class="biglogo">
<div class="uwlogo">
<a href="http://www.uwaterloo.ca/"><img src="{$pre}logos/uw_logo.gif"
alt="University of Waterloo" width="105" height="70" /></a>
</div>
<div class="acmlogo">
<a href="http://www.acm.org"><img src="{$pre}logos/acm_logo.gif"
alt="A Student Chapter of the ACM" width="82" height="88" /></a>
</div>
<!--
<table cellspacing="0" cellpadding="0" border="0">
<tr><td>
<a href="http://www.uwaterloo.ca/"><img
src="{$pre}logos/uw_logo_100_68.gif" alt="University of Waterloo"
width="100" height="68" /></a>
src="{$pre}logos/uw_logo.gif" alt="University of Waterloo"
width="105" height="70" /></a>
</td><td>
<a href="http://www.acm.org"><img width="82" height="103"
src="{$pre}logos/acm_logo.gif"
alt="A Student Chapter of the ACM" /></a>
</td></tr>
</table>
-->
</div>
</xsl:template>

Loading…
Cancel
Save