new look for homepage

This commit is contained in:
aiora 2011-12-28 17:16:00 +01:00
parent 3c6e9710a9
commit 3aa67494ae
3 changed files with 36 additions and 14 deletions

View File

@ -15,8 +15,10 @@ body {
max-width: 800px;
}
body#homepage {
margin-left: auto;
margin: auto;
background: #008787 url(../images/homebackground.jpg) repeat 0 0;
/*margin: 40px;*/
font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
max-width: 100%;
}
.caption {
color: #004C4C;
@ -30,8 +32,7 @@ body#homepage {
a {
color: #008787;
}
a:hover,
a:visited:hover {
a:hover {
color: #d7442b;
}
/*a:visited {
@ -202,12 +203,32 @@ table.fancy { /*For the members list in ../folk/index.htm*/
}
/*SPECIAL PAGES*/
/*homepage*/
#homepage h1 {
text-align: left;
color: #fff;
font-size: 2.2em;
padding-top: 100px;
margin-bottom: 0;
}
#homepage h1 a {
color: #bedfdf;
}
#homepage h1 a:hover {
color: #d7442b;
}
#homepage p {
text-align: left;
color: #fff;
}
#homebox {
border: 2px solid #99cccc;
/*border: 2px solid #99cccc;*/
border-top-right-radius: 1em;
margin-top: 36px;
/*margin-top: 36px;*/
padding-bottom: 50px;
background: #fff;
position: absolute;
top: 83px;
left: 80px;
/*background: #fff;*/
}
#homecentre {
float: left;
@ -218,17 +239,18 @@ table.fancy { /*For the members list in ../folk/index.htm*/
float: left;
}
ul#homenu {
float: right;
float: left;
margin-top: 0;
list-style: none;
padding-left: 5px;
}
ul#homenu li a {
border-top-right-radius: 1em;
border: 1px solid #008787;
display: block;
background: #bedfdf;
margin: 0 0 5px;
padding: 4px 16px 4px 8px;
margin: 0 0 10px;
padding: 7px 16px 7px 8px;
font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
font-size: 85%;
}

BIN
images/homebackground.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 691 KiB

View File

@ -11,11 +11,11 @@
</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>
<p>Welcome to the website of the Cambridge University Caving Club expeditions to Austria</p>
<div id="homebox">
<div id="homecentre">
<div id="homeimg"><img src="images/stone-bridge-view.jpg" alt="Austria panorama" width="399" height="260" />
<!--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>