/* CSS copyright (c) 2015 David Gibson. No licence should be inferred NB My HTML editor inserts an unhelpful doctype which, in future, I must edit out, e.g. replacing it with My bad doctype causes browsers to operate in quirks mode, which means that TABLE does not inherit all CSS settings. Previously I have solved this by manually setting a style for TD but, here, I use the following settings, as suggested by Axel Dahmen at http://bytes.com/topic/html-css/answers/97365-why-does-td-not-inherit-body Also see http://www.mozilla.org/docs/web-developer/quirks/ There is a FURTHER problem: it seems that the above doctype causes MSIE to render 8pt text too small (and to change BODY margin?). **** 20 July 2016. Further problems with IE tracked down to an HTML comment line ABOVE the doctype - beware! REMINDER: shorthand properties. -- top right bottom left -- top R&L bottom -- T&B R&L -- TRBL */ TABLE, THEAD, TBODY, TR, TD, TH { font-size: inherit; font-family: inherit; } /* ----- General styles ------------------------------------------------ */ BODY { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; background-color: #F5F9FA; /*honeydew; /* azure */ color: black; } BODY.info { /* shoehorned-in 23-Aug-2018 */ max-width: 900px; margin: auto; } #spacer { /* added 23-Aug-2018 */ height: 25px; } A:link { color: blue; } /* unvisited link; was LINK attribute of BODY */ A:visited { color: purple; } /* visited link; was VLINK attribute of BODY */ A:hover { color: grey; } /* mouse-over link */ A:active { color: red; } /* active link; was ALINK attribute of BODY */ TT, PRE { color: green; background-color: white; margin-left: 10px; padding: 5px 10px 5px 10px ; width: 700px; border: 1px solid green; } P, LI { font-size: 10pt; max-width: 800px; } P.greyText { color: #777799; } TABLE { font-size: 9pt; }} H1 { font-size: 18pt; } H2 { font-size: 15pt; color: #6E000B; } H3 { font-size: 12pt; color: #6E000B; margin-top: 12pt; margin-bottom: 0; } UL { margin-top: 6pt; margin-bottom: 6pt; margin-left: 18pt; } LI { padding-bottom: 6pt; } /* ----- General Table ---------------------------------------------- */ TABLE { margin-top: 5px; margin-left: 10px; background-color: White; border: 2px solid NavajoWhite; /* default for trad table is 5px outset grey; */ border-collapse: collapse; /* default for trad table is separate; */ vertical-align: top; /* white-space: nowrap; */ } TABLE TD { padding: 2px 5px 2px; border-right: 1px solid NavajoWhite; border-bottom: 1px solid NavajoWhite; } /* ----- Options Table ---------------------------------------------- */ TABLE.chooseOptions { margin-top: 5px; margin-left: 10px; background-color: White; border: 2px solid NavajoWhite; /* default for trad table is 5px outset grey; */ border-collapse: collapse; /* default for trad table is separate; */ vertical-align: top; /* white-space: nowrap; */ } TABLE.chooseOptions TD { padding: 2px 5px 2px; border-right: 1px solid NavajoWhite; border-bottom: none; } /* ----- Deadlines Table ---------------------------------------------- */ DIV.deadlines { padding: 10px 10px 10px 10px; border: #6E000B solid 2px; border-radius: 10px; background-color: #FFEEEE; margin: 20px; } /* ----- Development boxes ---------------------------------------------- */ DIV.development { padding: 10px; margin: 10px; border: 1px solid red; background-color: MistyRose; display: none; } DIV.manager { padding: 10px; margin: 10px; border: 1px solid yellow; background-color: #CCFFCC; } TABLE.development { border: 1px solid white; /* default for trad table is 5px outset grey; */ border-collapse: collapse; /* default for trad table is separate; */ vertical-align: top; } TABLE.development TD { border-top: 1px solid white; padding: 0px 5px 3px 5px; } /* ----- for login box ----- */ TABLE.auth { background-color: White; border: 1px solid grey; border-collapse: collapse; box-shadow: 10px 10px 5px silver; vertical-align: top; margin: 100px auto 0 auto;; } TABLE.auth TD { background-color: White; border: 0; padding: 5px; white-space: nowrap; } /* ================= extract from Gary's CSS to handle the logo ===================== */ #header-wrapper { position: relative; height: 150px; width: 100%; background-image: url(http://eurospeleo.uk/images/header_bgd1a.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; } #header-wrapper #mainlogo { display: block; height: 150px; width: 600px; background-image: url(http://eurospeleo.uk/images/header_logo1.png); background-repeat: no-repeat; background-position: 0px 10px; } /* ================= My adaptation of Gary's site, to handle the banner ============ */ .dg-banner { font-family:Arial; font-size:20px; margin: 10px 0px 5px 1px; } .dg-banner a {font-family:Arial; font-size:20px; text-decoration:underline;} #dg-menu-home { background-color: #370D0E; padding: 5px 20px 5px; border: #370D0E solid 1px; -webkit-border-radius: 5px; border-radius: 5px; } TABLE.baretable { margin-top: 5px; margin-left: 10px; background-color: transparent; border: 0; border-collapse: collapse; vertical-align: top; } TABLE.baretable TD { padding: 2px 5px 2px; border: 0; }