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; max-width: 800px;
} }
body#homepage { body#homepage {
margin-left: auto; background: #008787 url(../images/homebackground.jpg) repeat 0 0;
margin: auto; /*margin: 40px;*/
font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
max-width: 100%;
} }
.caption { .caption {
color: #004C4C; color: #004C4C;
@ -30,8 +32,7 @@ body#homepage {
a { a {
color: #008787; color: #008787;
} }
a:hover, a:hover {
a:visited:hover {
color: #d7442b; color: #d7442b;
} }
/*a:visited { /*a:visited {
@ -202,12 +203,32 @@ table.fancy { /*For the members list in ../folk/index.htm*/
} }
/*SPECIAL PAGES*/ /*SPECIAL PAGES*/
/*homepage*/ /*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 { #homebox {
border: 2px solid #99cccc; /*border: 2px solid #99cccc;*/
border-top-right-radius: 1em; border-top-right-radius: 1em;
margin-top: 36px; /*margin-top: 36px;*/
padding-bottom: 50px; padding-bottom: 50px;
background: #fff; position: absolute;
top: 83px;
left: 80px;
/*background: #fff;*/
} }
#homecentre { #homecentre {
float: left; float: left;
@ -218,17 +239,18 @@ table.fancy { /*For the members list in ../folk/index.htm*/
float: left; float: left;
} }
ul#homenu { ul#homenu {
float: right; float: left;
margin-top: 0; margin-top: 0;
list-style: none; list-style: none;
padding-left: 5px; padding-left: 5px;
} }
ul#homenu li a { ul#homenu li a {
border-top-right-radius: 1em; border-top-right-radius: 1em;
border: 1px solid #008787;
display: block; display: block;
background: #bedfdf; background: #bedfdf;
margin: 0 0 5px; margin: 0 0 10px;
padding: 4px 16px 4px 8px; padding: 7px 16px 7px 8px;
font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
font-size: 85%; 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> </head>
<body id="homepage"> <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> <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="homecentre"> <div id="homebox">
<div id="homeimg"><img src="images/stone-bridge-view.jpg" alt="Austria panorama" width="399" height="260" /> <div id="homecentre">
<!--div id="homeimg"><img src="images/stone-bridge-view.jpg" alt="Austria panorama" width="399" height="260" /-->
</div> </div>
<ul id="homenu"> <ul id="homenu">
<li><a href="intro.htm">Introduction</a></li> <li><a href="intro.htm">Introduction</a></li>