/*This CSS file has been edited for CUCC - Expo website by A. Zabala on 2011*/ /* code of colours #C8E1E2 very light #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-left: 275px; text-align: justify; 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; } .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 { border: 2px solid #99CCCC; margin: 25px; vertical-align: middle; } hr { border: 1px solid #99CCCC; margin: 25px 0; } dt { clear: both; font-weight: bold; margin-top: 10px; } dd { display: inline; margin-left: 0pt; } /*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, 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; 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; margin: 10px 0; } 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, ul#links { background: #fff url(../images/style/menu-main.png) no-repeat 16px 4px; clear: both; border: 2px solid #99CCCC; position: absolute; left: 35px; font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; font-size: 75%; color: #888; width: 150px; padding: 42px 20px 18px; text-align: left; border-top-right-radius: 1em; } .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 0 0 15px; padding: 0; } .menu li, ul#links li { margin: 6px 0; list-style: none outside none; } ul#links li { margin: 5px 0 0 0; } ul#links li ul { padding: 5px 0 5px 10px; } ul#links li li { margin: 0 0 0 5px; } .menu li a, ul#links li a { background: url(../images/style/cave-picto.png) no-repeat 0 8px; padding-left: 18px; } .menu li a:hover, ul#links li a:hover { background-position: 0 -8px; border-bottom: 2px solid #d7442b; } ul#links li a.editlink { background: url(../images/style/edit-picto.png) no-repeat 100% 0; font-size: 85%; padding: 0 18px; } ul#links li a.editlink:hover { background-position: 100% -18px; } /* TABLES */ table.trad, table.centre { border-collapse: collapse; } table.trad, table.trad th, table.trad td, table.centre, table.centre th, table.centre td { border: 1px solid #008787; margin: 0px; } table.trad th, table.centre th { background-color: #C8E1E2; } table.trad td, table.centre td { padding: 5px; border-color: #99CCCC; } table.centre { margin-left: auto; margin-right: auto; } table.centre td { text-align: left; } table.bigfatborder { border-width: 6px; } /*SPECIAL PAGES*/ /*caves*/ table#cavepage { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #99CCCC; font-size: 160%; margin-top: 25px; padding: 25px; width: 100%; } 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%; } /*Trip logbooks*/ #logbk hr { display: none; } .tripdate, .trippeople { background-color: #C6E4E3; float: left; margin: 2px 1px 1px 1px; padding: 10px; border-bottom-right-radius: 1em; } .trippeople { background-color: #fff; float: right; font-style: italic; margin-bottom: 10px; } .triptitle { border: 1px solid #99CCCC; border-top-width: 2px; color: #008787; font-size: 120%; font-weight: bold; padding-bottom: 15px; padding-top: 55px; text-align: center; } .timeug { text-align: right; font-weight: bold; margin-bottom: 10px;}