mirror of
https://expo.survex.com/repositories/expoweb/.git/
synced 2026-03-07 07:36:29 +00:00
94 lines
2.6 KiB
CSS
94 lines
2.6 KiB
CSS
/*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%; }
|
|
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%; 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; }
|
|
img.onleft, div.onleft { vertical-align: top; float: left;
|
|
margin-right: 10pt; margin-bottom: 10pt;
|
|
margin-left: 8pt; }
|
|
img.icon { vertical-align: middle; }
|
|
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; }
|
|
table.bigfatborder { border-width: 6px; }
|
|
table.trad td, table.trad th { margin: 0pt; border: 1px solid #aaa;
|
|
border-color: #8d8d8d #c0c0c0 #c0c0c0 #8d8d8d; }
|
|
|
|
/* You are not expected to understand this. It is necessary. */
|
|
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%; }
|
|
table#cavepage th#status { text-align: right; width: 25%; }
|