/*  One of the "colouring" stylesheets for website.
 *
 *  The multi-coloured (pastel) look.
 *
 *  These colours remind me of marshmellows, or those dyed cotton wool balls.  ;-)
 *  Mmmmmmm, marshmellows... drools...  (wipes up drool with cotton wool ball).
 *
 *  updated 18 May 2009, 13 Feb 2022
 */

/* History:
 *
 * 7 Mar 2023
 *
 * 14 Nov 2024
 * add footer to p.pagenote style, deprecating p.pagenote eventually
 * 
 */


@media all {

  html, body
  {
    color:  #161616;
    background-color:  #ffffdd;
    /* background: url(/images/domain-name-rotated.png); */
  }

  h1, legend, .heading
  {
    color:  black;
    background-color: #bfffbf; /* #ddffdd; */
    border-color:  #aaa;
  }

  h1 {background-color: #6be7ff;}

  .uninitialism span
  {
    color: #b00;
    background-color: inherit;
  }

  dt, th, b, strong
  {
    color: black;
    background-color: inherit;
  }


  /* 13 Feb 2022 added cell colouring, just had table before
   * 20 Nov 2022 make all tables always show a border, customise the few pages
   * that have invisible borders, instead.
   */

  table, tr, th, td 
  {
    border: thin solid #aaaaaa;
  }

  fieldset
  {
    color: inherit;
    background-color:  #f4f0cc;
    border-color:  #aaaaaa #222222 #222222 #aaaaaa;
  }



  legend
  {
    border-color:  #aaccaa #224422 #224422 #aaccaa;
  }

  /* textarea.recoloured, input.recoloured,*/
  form .recoloured
  {
    color:  inherit;
    background-color:  #ddb;
  }

  input:focus, textarea:focus
  {
    background-color: #ffa;
  }


/*
  div#sidenavigation a {
  background-color: #cceecc;}

  div#sidenavigation a:hover {
  background-color: #ffffee;}
*/

  a:link
  {
    color:  #0000ff;
    background-color:  inherit;
  }

  a:link.external
  {
    border-bottom-color: red;
  }

  a:visited
  {
    color:  #800080;
    background-color:  inherit;
  }

  a:hover[href], a:focus[href]
  {
    color:  black;
    background-color:  #ffffaa;
  }

  a.external:hover[href], a.external:focus[href]
  {
    color:  inherit;
    background-color:  #ffeeee;
  }

  a:active[href]
  {
    color:  white;
    background-color:  black;
  }

  abbr[title]
  {
    border-color:  black;
  }


  section, .section, dl
  {
    color:  inherit;
    background-color:  #f4f0cc;
    border-color:  #aaaaaa #222222 #222222 #aaaaaa;
  }

  .example
  {
    color:  inherit;
    background-color:  #ffdddd;
    border-color:  #aa8833;
  }

  .explanation
  {
    color:  inherit;
    background-color:  #ddfedd;
    border-color:  #88aa33;
  }

  .informational
  {
    color:  inherit;
    background-color:  #dfffff;
    border-color:  #3388aa;
  }

  .comment, .notes, aside
  {
    color:  inherit;
    background-color:  #eeeeff;
    border-color:  #8833aa;
  }

  .statement
  {
    color:  inherit;
    background-color:  #ffeeee;
    border-color:  #aaaaaa;
  }

  .response
  {
    color:  inherit;
    background-color:  #eeffee;
    border-color:  #aaaaaa;
  }

  .warning, .alert
  {
    color:  black;
    background-color:  #ffff66;
    border-color:  #660000;
  }

  strong.eyecatcher {color: #500;}

  figure img, div.diagram img, div.illustration img
  {
    border-color: #aaa;
  }

  figcaption,
  div.diagram div.caption,
  div.illustration div.caption,
  div.illustration p.caption
  {
    color: #060;
    background-color: inherit;
  }

  div.thumbnails a
  {
    color: inherit;
    background-color: inherit !important;
  }

  nav, div.navigation, div#sidenavigation, div#footernavigation
  {
    color: inherit;
    background-color:  #ddffdd;
    border-color:  #aaaaaa;
  }

  nav *, div.navigation *, div#sidenavigation *, div#footernavigation *
  {
    border: none;
  }

  nav span,
  div#footernavigation span
  {
    background-color: inherit;
    color: black;
  }

  footer, p.pagenote
  {
    border-color: gray;
    color: inherit;
    background: white;
  }

  

/* Royal Show galleries, Metropolis cover gallery:  */

  td > img {
    padding: 1px;
    color: inherit;
    background-color: #000;
  }

}

@media print {

  html, body
  {
    color: black;
    background-color: white;
  }

  h1, .heading
  {
    color: black;
    background: white;
    border-color:  black;
  }

  .uninitialism span
  {
    color: black;
    background-color: inherit !important;
  }


  a
  {
    color: inherit !important;
    background-color: inherit !important;
  }

  strong.eyecatcher
  {
    color: inherit !important;
    background-color: inherit !important;
  }

}