/* 
** -----------------------------------------------------------------------------
** Filename:    railfuture-east-snippets.css
**
** Title:       Cascading Style Sheet for the East Anglia branch 'snippets' pages on
**              the 'tiki-like' pages on the Railfuture national web-sites.
**
** Description: This CSS is used on East Anglia branch 'snippets' pages to supplement or
**              override what would be in the CCS file for the 'tiki-like' pages. As
**              it is an override then it needs to be the last CSS file defined when
**              outputting the tiki-frame.
**
**              This CSS file has been created because the Snippets pages have been
**              ported over from a stand-alone web-site and it was preferred not to
**              have to re-design the pages.
**
**              The Snippets pages can use the Tiki-Like CSS formatting e.g. floatright.
**
**              This CSS file is held in the '/css/' directory along with the Railfuture
**              'tiki-like' and 'non-tiki' CSS files.
**
**              Have experienced quite a few issues with CSS styles taking effect. This
**              may be an incompatibility with Tiki or an IE bug.
**
**              Do NOT use '//' comments in a CSS file - they are not supported.
**              If a CSS definition appears not to work look for bad comments!
**
** Author:      Jerry Alderson
**
** Create Date: 13th June 2014.
**
** Last Change: 21st December 2021
** -----------------------------------------------------------------------------
*/

/*=== Headings ===*/

h5 /* News title */ {
  font-family: arial;
  font-size: 1.3em;
  font-weight: bold;
  background-color: red;
  color: white;
  margin-top: 0.4em;
  margin-bottom: 0.3em;
}

h6 /* News subtitle */ {
  font-family: arial;
  font-size: 1.0em;
  font-weight: bold;
  background-color: white;
  color: red;
  margin-top: 0.2em;
  margin-bottom: -20px;
  border-color: red; 
  border-bottom-style: solid; 
  border-bottom-width: 2px;
}

/*=== Splitting list of values into columns ===*/

div.two-column-list {
  -webkit-columns: 100px 2; /* Chrome, Safari, Opera */
  -moz-columns: 100px 2; /* Firefox */
  columns: 100px 2;
}

div.three-column-list {
  -webkit-columns: 100px 3; /* Chrome, Safari, Opera */
  -moz-columns: 100px 3; /* Firefox */
  columns: 100px 3;
}

p.column {
    /* Chrome, Safari, Opera */
    -webkit-column-break-inside: avoid;
    /* Firefox */
    page-break-inside: avoid;
    /* IE 10+ */
    break-inside: avoid-column;
}

/*=== News Stories ===*/

p.hashtags /* Hashtags - under H6 (note: formatting issue if under H5) */ {
  font-family: arial;
  font-size: 0.8em;
  margin-top: 20px;
  margin-bottom: -20px;
}

p.keywords, p.people  /* Keywords and People links - under H6 */ {
  font-family: arial;
  font-size: 0.8em;
  margin-top: 20px;
  margin-bottom: -20px;
}

p.news /* News paragraph with space before and after */ {
  margin-top: 20px;
  margin-bottom: 20px;
}

p.update /* News paragraph with with updated info - call as class="news update" - text should start "Editor's note:" */ {
  font-style: italic;
}

p.link /* Web-site link (at foot of news story) */ {
  font-family: courier new;
  font-size: 0.70em;
  font-weight: bold;
  margin-top: -20px;
  margin-bottom: 20px;
}

ul.nogap /* Avoids a gap before the bullet point list begins as part of a news story */ {
  margin-top: -20px;
}

/* ===== Special Tables ===== */

table.analysis-table {
  background-color: darksalmon;
  border-color: white;
  border-style: dotted;
  border-width: 2px;
  padding: 5px;
}

table.analysis-table thead {
  background-color: black;
}

table.analysis-table tbody {
  /* It uses the same background colour as the table - this avoids any columns appearing */
  dummy: 5;
}

table.analysis-table tr {
  text-align: left;
  font-family: verdana;
  font-size: 0.8em;
}

table.analysis-table tr th {
  background-color: darkred;
  color: white;
}
table.analysis-table tr td {
  vertical-align: top;
  border-top-style: solid; 
  border-top-width: 1px;
}

table.analysis-table tr td.left {
  color: red;
  font-weight: bold;
}

/* End of file */