/*
Stylesheet to be used by the all.html file. The same stylesheet will be used by all
generated HTML files, and contains the general style definitions.
I. Herman
$Date: 2002/11/15 17:21:38 $
*/
/* Note that most of the font sizes are set in percentages!!!!! */
/* The CSS file relies on some conventions to be used by the source XHTML file and
the generated files. These are:
div.slide encloses a full slide in the source file
div.projSlide encloses each slide in the 'projection ready' Overview file;
div.genSlide encloses each slide when individual XHTML files are generated
In both cases, the real slide content (ie, not the title and the link images) is
enclosed into a div.slideContent
*/
/* ===================================================================================== */
/* Size of slides and slide content... */
div.genSlide {
position: absolute;
width: 100%;
height: 730;
margin: 0;
padding: 0;
text-align: center;
}
/* The real 'meat' on a slide. This setting is valid for all media */
div.slideContent {
text-align: left;
overflow: auto;
border: ridge 3pt;
padding: 0.5em;
background: white;
color: black;
margin-left: 2pt;
margin-top: 0;
}
body {
background: white; /* #ffcc99; #eeeeff; */
font-family: georgia, verdana, trebuchet, arial, helvetica, sans-serif;
color: #00135f;
/* font-size: 10pt; */
font-size-adjust: 0.5;
margin: 0;
padding: 0;
}
/* ============================================================= */
/* General CSS statements, regardless of the divs and the media */
/* ============================================================= */
img { border: 0; }
blockquote, q { color: #aa4444; fill: #aa4444; font-style: italic; }
/* Headers: in general, h1 is used for the slide title, and is treated later.
Having said that, it is probably not a good idea to use these in a slide
anyway!
*/
h2 { font-size: 130%; font-weight: bold;}
h3 { font-size: 120%; font-weight: bold;}
h4 { font-size: 100%; font-weight: bold;}
h5 { font-size: 100%; font-style: italic;}
h6 { font-size: 100% }
h1 { clear:both }
/* Try to save some space on the slides... */
div.slide p, div.projSlide p, div.genSlide p { margin-top: 0; clear:both; }
/* Lists */
dt { font-weight: bold; color:darkGreen; fill: darkGreen; }
li li { font-size: 90% }
dl dl { font-size: 90% }
dd { font-size: 90% }
/* I use paragraphs quite often within lists, but they should not take too much space... */
dl p, ul p, ol p,
dl ol, dl ul, dl dl,
ol ol, ol dl, ol ul,
ul dl, ul ol, ul ul {
margin-top: 0;
margin-bottom: 0;
}
/* These are for CS slides ;-) controlling the code type text is important... */
pre,tt,samp {
color: maroon; fill:maroon;
font-weight: bold;
font-family: "Courier New", courier, monospace;
margin-bottom: 0; margin-top: 0;
font-size-adjust: 0.4;
}
code {
color: maroon; fill: maroon;
font-weight: bold;
font-family: "Courier New", courier, monospace;
font-size-adjust: 0.4;
}
pre, tt, samp { font-size: 70% }
/* Emphasis */
em { color: maroon; font-style:italic; fill: maroon }
/* Various emphasis colours. Note the fill values; these are for the SVG usage! */
.emph1 { color: blue; }
.emph2 { color: #006400; }
.emph3 { color: #cc0066; }
.emph4 { color: #ff00cc; }
.emph5 { color:red; }
ul, ol { margin-left: 18pt; margin-top: 0.5em; margin-bottom: 0.5em; }
/* Tables. The table colouring reflect my taste, obviously... */
table.full { width: 85%; }
th { text-align: center; font-weight: bold; }
tspan.th { text-anchor: middle; font-weight: bold; }
table.coloured td, td.coloured, table.colored td, td.colored { background: #CCFFFF; }
table.coloured th, table.colored th { background: #c0c0c4; }
tspan.colored tspan.th, tspan.coloured tspan.th { font-style: italic; fill:green; }
/* Link control */
a:link, a:visited, a:active { color: #006699; text-decoration: none; }
a:hover, a.focus { background: #FFA; }
/* I always mix up the British and US spelling... */
.center, .centre { text-align: center; }
/* This filters out svg only portions from the XHTML output! */
div.svgOnly { display: none; }
/* ===================================================================================== */
/* The generated signature for a slide is enclosed into a div.signature */
/* The signature itself is a table; the table elements have all their specific classes:
td.authorSig is the author field, left cell of the table
td.dateSig is the date, middle cell of the table
td.slideNumberSig is the number, right cell of the table
/* ===================================================================================== */
/* Signature. Contains one table with three elements. */
div.signature {
margin-top: 0.2em;
font-style: italic;
font-size: 10pt;
}
div.signature table {
width: 100%;
}
/* Styles for the three table cells of the signature */
div.signature td.authorSig {
text-align: left;
width: 33%;
font-style: italic;
font-size: 10pt;
}
div.signature td.dateSig {
text-align: center;
width: 33%;
font-style: italic;
font-size: 10pt;
}
div.signature td.slideNumberSig {
text-align: right;
width: 33%;
font-style: italic;
font-size: 10pt;
}
/* ======================================================================== */
/* The table of content is enclosed into a div.toc */
/* ======================================================================== */
div.toc { padding-left: 1em; }
div.tocTitle h1 { color: navy; font-size: 220%; }
div.tocTitle h2 { color: navy; font-size: 120%; text-align: center; }
div.prologue {
text-align: justify;
margin-bottom: 1em;
margin-top: 1em;
padding: 1em;
}
div.tocTitle {
margin-top:-2em;
font-weight: bold;
text-align: center;
padding-left:0.3em;
border-bottom-width: medium;
border-bottom-color: navy;
border-bottom-style: ridge;
}
@media projection, print {
div.toc { display: none }
div.prologue { display: none }
}
/* ===================================================================================== */
/* ===================================================================================== */
/* Font size settings for the generated slides. */
/* Note that percentages are used, ie, the browser's font setting should influence the */
/* final outlook!!! */
/* Note also the usage of the media selector for the projection mode! */
div.genSlide { font-size: 240%; }
div.genSlide td, div.genSlide th { font-size: 220%; }
@media projection {
div.projSlide { font-size: 240%; }
div.projSlide td, div.projSlide th { font-size: 220%; }
}
@media print {
div.projSlide { font-size: 240%; }
div.projSlide td, div.projSlide th { font-size: 220%; }
}
@media screen {
div.projSlide, div.slide {
margin-bottom: 1em;
}
}
/* ===================================================================================== */
/* The slide's title is set by the h1 element */
div.slide h1, div.projSlide h1, div.genSlide h1 {
color: navy;
text-align: center;
font-weight: bold;
margin-top:-44px;
padding-left: 0em;
padding: 0;
}
div.slide h1, div.projSlide h1 {
font-size: 140%;
}
@media screen {
div.projSlide h1 {
border-bottom-width: thin;
}
}
/* Slide title */
div.genSlide h1 {
font-size: 110%;
}
@media screen {
div.projSlide h1 { margin-top: -1.2em; }
}
/* ===================================================================================== */
/* The title area is enclosed into a div.header and includes a table with the logo and
the navigational images.
Note that this header is generated for standalone slides only,
projHeader for projection mode/printer mode only
*/
div.projHeader {
background: yellow;
}
div.header {
font-size: 24pt;
background: yellow;
}
div.header table {
width: 100%;
}
/* Table cell in the header for the logo */
div.header td.logoHd {
text-align: left;
vertical-align: top;
}
/* Table cell in the header for the navigation arrows */
div.header td.navigationHd {
text-align: right;
vertical-align: top;
}
/* ================================================================ */
/* Styles for the title page */
/* ================================================================ */
p.TitleMajor {
text-align: center;
font-size: 150%;
font-weight: bold;
padding-top: 2em;
margin-bottom: 2em;
font-style: italic;
}
p.TitleMinor{
text-align: center;
font-size: 90%;
font-weight: bold;
margin-top: 0.5em;
margin-bottom: 0.5em;
font-style: italic;
}
p.TitleMinor2, p.TitleMinor3, p.TitleMinor4 {
text-align: center;
font-size: 70%;
font-weight: bold;
margin-bottom: 0.5em;
}
p.TitleMinor2{
padding-top: 2em;
}
p.TitleMinor4{
padding-top: 3em;
}
/* ===================================================================================== */
/* This is to ensure the separation of the slides when projection/print mode is used... */
@media projection {
div.slide, div.projSlide {
page-break-before: always;
}
div.slide, div.projSlide {
margin-top: 1em;
}
div.slide {
margin-top: 2em;
border: none;
}
}
@media print {
div.projSlide {
page-break-before: always;
}
div.slide {
margin-top: 2em;
border: none;
}
}