home page stylized, not yet tested in IE

This commit is contained in:
aiora 2011-12-24 12:36:16 +01:00
parent be463b5ddf
commit 3c6e9710a9
2 changed files with 58 additions and 7 deletions

View File

@ -34,9 +34,9 @@ a {
a:visited:hover {
color: #d7442b;
}
a:visited {
/*a:visited {
color: #636363;
}
}*/
div.centre img {
border: 2px solid #99CCCC;
margin: 25px;
@ -55,6 +55,9 @@ dd {
display: inline;
margin-left: 0pt;
}
div.clear {
clear: both;
}
/*HEADINGS*/
h1, h2, h3, h4 {
font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
@ -198,6 +201,42 @@ table.fancy { /*For the members list in ../folk/index.htm*/
text-align: center;
}
/*SPECIAL PAGES*/
/*homepage*/
#homebox {
border: 2px solid #99cccc;
border-top-right-radius: 1em;
margin-top: 36px;
padding-bottom: 50px;
background: #fff;
}
#homecentre {
float: left;
margin-left: 120px;
text-align: centre;
}
#homeimg {
float: left;
}
ul#homenu {
float: right;
margin-top: 0;
list-style: none;
padding-left: 5px;
}
ul#homenu li a {
border-top-right-radius: 1em;
display: block;
background: #bedfdf;
margin: 0 0 5px;
padding: 4px 16px 4px 8px;
font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
font-size: 85%;
}
ul#homenu li a:hover {
background: #d7442b;
color: #fff;
}
/*caves*/
table#cavepage {
background: none repeat scroll 0 0 #FFFFFF;

View File

@ -11,11 +11,23 @@
</head>
<body id="homepage">
<div id="homebox">
<h1>CUCC in Austria <a href="years/1976/report.htm">1976</a>-<a href="years/2011/">2011</a></h1>
<p style="text-align: center;">Welcome to the website of the Cambridge University Caving Club expeditions to Austria.</p>
<div style="text-align: center;"><img src="images/stone-bridge-view.jpg" alt="Austria panorama" width="399" height="260" /></div>
<div style="text-align: center; position: relative;">
<p><a href="intro.htm">Introduction</a> | <a href="infodx.htm">Main index</a> | <a href="indxal.htm">Cave index</a> | <a href="handbook/index.htm">Expedition handbook</a><br /> <a href="pubs.htm">Published reports</a> | <a href="areas.htm">Area description</a> | <a href="http://www.srcf.ucam.org/caving/wiki/Main_Page" target="_blank">CUCC website</a></p>
<div id="homecentre">
<div id="homeimg"><img src="images/stone-bridge-view.jpg" alt="Austria panorama" width="399" height="260" />
</div>
<ul id="homenu">
<li><a href="intro.htm">Introduction</a></li>
<li><a href="infodx.htm">Main index</a></li>
<li><a href="indxal.htm">Cave index</a></li>
<li><a href="handbook/index.htm">Expedition handbook</a></li>
<li><a href="pubs.htm">Published reports</a></li>
<li><a href="areas.htm">Area description</a></li>
<li><a href="http://www.srcf.ucam.org/caving/wiki/Main_Page" target="_blank">CUCC website</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</body>
</html>