diff --git a/css/main2.css b/css/main2.css
index b7c8181a8..3c5c4e427 100644
--- a/css/main2.css
+++ b/css/main2.css
@@ -1,20 +1,29 @@
-/*This CSS file has been edited for CUCC - Expo website by A. Zabala on 2011 -feel free to use or modify it*/
+/*This CSS file has been edited for CUCC - Expo website by A. Zabala on 2011*/
/* code of colours
#99CCCC light blue
#008787 darker blue for fonts
+#004C4C very dark
*/
-
body {
background: #fff url(../images/style/bg-cambridge-caving-expedition.png) repeat-x 0 0;
color: #000;
font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
font-size: 12pt;
- margin: auto;
+ margin-left: 275px;
text-align: justify;
- width: 800px;
+ max-width: 800px;
+ }
+body#homepage {
+ margin-left: auto;
+ margin: auto;
+ }
+.caption {
+ color: #004C4C;
+ font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
+ font-size: 8pt;
+ font-weight: bold;
+ margin-bottom: 0;
}
-
-.caption { font-size: 8pt; margin-bottom: 0pt; }
.centre { text-align: center; }
.plus2pt { font-size: 160%; }
a {
@@ -32,9 +41,14 @@ h1, h2, h3, h4 {
}
h1 { text-align: center; font-size: 210%;
line-height: 100%; margin: 35px 0 55px;}
-h2 { color: #009900; }
-h3 { color: #2c105e; }
-h4 { color: #0d664c; }
+h2, h3, h4 {
+ color: #008787;
+ }
+ h2#tophead {
+ text-align: center;
+ margin: 10px 0 -22px;
+ }
+
/*IMAGES*/
img.onright, div.onright { vertical-align: top; float: right;
margin-left: 10pt; margin-bottom: 10pt;
@@ -48,33 +62,56 @@ table.imgtable { margin-left: auto; margin-right: auto; }
table.imgtable td { vertical-align: middle; text-align: center;
padding: 10px; }
/*Menu*/
-.menu {
- background: #fff;
+.menu,
+ul#links {
+ background: #fff url(../images/style/menu-main.png) no-repeat 0 0;
+ clear: both;
border: 2px solid #99CCCC;
- position: fixed;
- left: 20px;
- top: 20px;
+ position: absolute;
+ left: 35px;
font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
font-size: 75%;
color: #888;
width: 150px;
- padding: 15px 20px;
+ padding: 30px 20px 15px;
+ text-align: left;
}
+ .menu {
+ top: 20px;
+ }
+ ul#links {
+ background-image: url(../images/style/menu-second.png);
+ /*border-color: #C8E1E2;
+ border-style: dotted;*/
+ top: 20px /*300px; to be set once the menu is in all pages*/
+ }
p#topheader {
font-weight: bold;
margin: 10px 0 0;
}
.menu ul {
- margin: 0;
+ margin: 0 0 0 15px;
padding: 0;
}
-.menu li {
+.menu li,
+ul#links li {
margin: 5px 0;
- list-style: square inside none;
+ list-style: square outside none;
}
-.menu li a:hover {
+ ul#links li {
+ margin: 5px 0 0 15px;
+ }
+ ul#links li ul {
+ padding: 5px 0 5px 10px;
+ }
+ ul#links li li {
+ margin: 0 0 0 5px;
+ }
+.menu li a:hover,
+ul#links li a:hover {
border-bottom: 2px solid #d7442b;
}
+
/* "Traditional" table with borders.*/
table.trad { margin: 0pt; border: 1px solid #000;
border-color: #c0c0c0 #8d8d8d #8d8d8d #c0c0c0; }
@@ -86,7 +123,6 @@ table.trad td, table.trad th { margin: 0pt; border: 1px solid #aaa;
table.centre { margin-left: auto; margin-right: auto; }
table.centre td { text-align: left; }
-h2#tophead { text-align: center; margin-bottom: -10pt; }
table#cavepage { width: 100%; font-size: 160%; }
table#cavepage th#kat_no { text-align: left; width: 25%; }
table#cavepage th#name { text-align: center; width: 50%; }
diff --git a/images/style/menu-main.png b/images/style/menu-main.png
new file mode 100644
index 000000000..8c9ba1f17
Binary files /dev/null and b/images/style/menu-main.png differ
diff --git a/images/style/menu-second.png b/images/style/menu-second.png
new file mode 100644
index 000000000..b12b51f95
Binary files /dev/null and b/images/style/menu-second.png differ
diff --git a/index.htm b/index.htm
index f9c0beea7..94d9b0248 100644
--- a/index.htm
+++ b/index.htm
@@ -8,7 +8,7 @@
-
+
CUCC in Austria 1976-2011
Welcome to the website of the Cambridge University Caving