/* CSS copyright (c) 2015 David Gibson. No licence should be inferred This is a temporary style sheet for /index.html. At present it is used only by the /no*.html and /auto*.html pages and - from 12-Jan-2015 by /index.html 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?). The above doctype is currently used on many of the pub and bookshop pages. Workaround (in lieu of tracking the problem down): remove 8pt font from /header.phtml */ HTML { scroll-behavior: smooth; } TABLE, THEAD, TBODY, TR, TD, TH { font-size: inherit; font-family: inherit; } BODY { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; } TABLE.columns { background-color: #EEFFEE; border-collapse: separate; border-spacing: 20px; } TABLE.columns TD { width: 50%; } P.heading { font-weight: bold; font-size: larger; padding: 5px; margin: 0; /* We have to set theee sides of the border here, and three sides in DIV.pseudoCell because, if we set all four borders in a container element, the background colour of P.heading would overlies the border-radius. */ background-color: #CCFFCC; border-color: green; /* green or lime */ border-style: solid; border-width: 1px 1px 0 1px; border-radius: 10px 10px 0 0; /* TL, TR, BR, BL */ clear: both; /* element appears below any floating images */ } /* Set some general properties, but limit LI items to specific childs of DIV.pseudoCell. This is to avoid over-writing the styles set in header.css. The whole BCRA site needs revising to introduce a consistency to the style sheets. See note in header.css */ P.columns, DIV.pseudoCell>UL>LI, DT, DD { background-color: white; font-size: smaller; line-height: 1.4em; margin: 0 0.5em; /* T&B, R&L */ padding: 0.3em 0 0.2em; /* T, R&L, B */ } DIV.pseudoCell { padding-bottom: 5px; /* We have to set three sides of the border here, as noted above. Additionally, because P.columns overlies DIV.pseudoCell, we have to set left and right margins in P.columns (and padding-bottom here) to avoid over-coloring the border-radius set here. To see what's happening, change P.columns bg-color to grey, then drop margins etc to see it overprint on border-radius */ background-color: white; border-color: green; /* green or lime */ border-style: solid; border-width: 0 1px 1px 1px; border-radius: 0 0 10px 10px; /* TL, TR, BR, BL */ } P.pseudoCell { padding: 0; margin: 0; height: 1em; } DIV.pseudoCell>UL, DL { /* see note on LI childs of DIV.pseudoCell above */ margin-top: 0; margin-bottom: 0; } DIV.pseudoCell>UL>LI { /* see note on LI childs of DIV.pseudoCell above */ padding-left: 0; } DT { font-weight: bold; padding-bottom: 0; } DD { margin-left: 2em; } /* added 03-May-2019 --------------------- calendar integration ------------------ */ DIV.nextEvent { padding: 10px; margin: 20px auto 20px auto; /* aligns this element as centred */ max-width: 700px; background-color: #FFFFAA; border-color: red; /* green or lime */ border-style: solid; border-width: 2px; border-radius: 11px; /* TL, TR, BR, BL */ } .calendar { width: 95%; height: 300px; padding: 10px; border: 0; } /* added 29-Apr-2020 --------------------- auto-generated publication icons ------------------ */ IMG.recent_pubs { border: solid blue 1px; /* width: 120px; */ /* height: 169px; */ margin: 1%; max-width: 28%; /* 19-jan-2021 three images with margins totals 90% */ height: auto; }