www
/
www
8
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity

Updated main header to use floats instead of tables. 

Added spacing to default.css.
Updated acm logo to remove some whitespace.
This commit is contained in:
David Bartley 2007-07-23 03:06:59 -04:00
parent 0117c3991f
commit 5c9bf8cd14
5 changed files with 80 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

139
default.css
View File

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

BIN
logos/acm_logo.gif
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
logos/uw_logo.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
logos/uw_logo_100_68.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB

14
xsl/common.xsl
View File

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