diff --git a/css/main2.css b/css/main2.css index 51450e8de..b7c8181a8 100644 --- a/css/main2.css +++ b/css/main2.css @@ -1,15 +1,41 @@ +/*This CSS file has been edited for CUCC - Expo website by A. Zabala on 2011 -feel free to use or modify it*/ +/* code of colours +#99CCCC light blue +#008787 darker blue for fonts +*/ + +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; + text-align: justify; + width: 800px; + } + .caption { font-size: 8pt; margin-bottom: 0pt; } .centre { text-align: center; } .plus2pt { font-size: 160%; } - -body, td, center, ul, p, input { color: #000; font-family: sans-serif; } +a { + color: #008787; + } + a:hover { + color: #d7442b; + } a:link, a:visited { text-decoration: none; } div.centre img { vertical-align: middle; } + +/*HEADINGS*/ +h1, h2, h3, h4 { + font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; + } h1 { text-align: center; font-size: 210%; - line-height: 100%; } + line-height: 100%; margin: 35px 0 55px;} h2 { color: #009900; } h3 { color: #2c105e; } h4 { color: #0d664c; } +/*IMAGES*/ img.onright, div.onright { vertical-align: top; float: right; margin-left: 10pt; margin-bottom: 10pt; margin-right: 8pt; } @@ -21,7 +47,34 @@ img.aligntop { vertical-align: top; } table.imgtable { margin-left: auto; margin-right: auto; } table.imgtable td { vertical-align: middle; text-align: center; padding: 10px; } - +/*Menu*/ +.menu { + background: #fff; + border: 2px solid #99CCCC; + position: fixed; + left: 20px; + top: 20px; + font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; + font-size: 75%; + color: #888; + width: 150px; + padding: 15px 20px; + } +p#topheader { + font-weight: bold; + margin: 10px 0 0; + } +.menu ul { + margin: 0; + padding: 0; + } +.menu li { + margin: 5px 0; + list-style: square inside none; + } +.menu 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; }