/* PRACTICALSERIES (c) 2017

*******************************************************************************
Title :          GOOGLE PRETTIFY LINE HIGHLIGHTS            11-02-CODELINES.CSS
*******************************************************************************

PRACTICALSERIES: Practical Series of Publications by Michael Gledhill
                 Published in the United Kingdom

                 Email: mg@practicalseries.com
                 Web:   https://practicalseries.com

-------------------------------------------------------------------------------
DETAILS

This file is used to change the background colour of individual lines in the
google Prettify code fragements and format certain elements for css use.

This is done by giving each code fragment a unique ID reference and setting
modifying the specific properties and lines for that particular fragment.

IDs have the format js--cXXYYZZ

There are three common modifications:


1. LINE BACKGROUND SHADING
This is done to change the background colour of a line of code or a range
of lines to green (indicating the code has changed).

2. LINE INDENTATION ON LINE WRAP
Changes how a line is indeneted when it wraps around in the code fragment
display.

Common indent points:

    Indent 1:   1.46rem
    Indent 2:   2.92rem
    Indent 3:   4.38rem
    Indent 4:   5.85rem
    Indent 5:   7.33rem
    Indent 6:   8.79rem
-------------------------------------------------------------------------------
MODIFICATION HISTORY:

This is a complete summary of all software modifications.

Date          Issue        Author         Reason for Modification
-------------------------------------------------------------------------------
09 May 2019   R01          M. Gledhill    First release (all files updated)

16 Apr 2019   P17          M. Gledhill    Published

11 Apr 2019   d-P16.11.01  M. Gledhill    Page created
---------------------------------------------------------------------------- */


/* ****************************************************************************
   REVISION
   **************************************************************************** */
.aside-right-rev:after { content: "code.css\00a0\2014\00a0 R01"; }


/* ****************************************************************************
   CODE FRAGMENT c11-02 - FORMATTING
   ************************************************************************* */
#js--c11-02 ol.linenums {color: transparent; margin-left: -2rem}                                   /* make numbering invisible */
#js--c11-02 {font-size: 0.5rem}
#js--c11-02 li:nth-child(n+28):nth-child(-n+30) { background: #EAF1DD }
/* ************************************************************************* */

/* ****************************************************************************
   CODE FRAGMENT c11-03 - FORMATTING
   ************************************************************************* */
#js--c11-03 ol.linenums {color: transparent; margin-left: -2rem}                                   /* make numbering invisible */
#js--c11-03 {font-size: 0.5rem}
#js--c11-03 li:nth-child(n+10):nth-child(-n+14) { background: #EAF1DD }
/* ************************************************************************* */

/* ****************************************************************************
   CODE FRAGMENT c11-04 - FORMATTING
   ************************************************************************* */
#js--c11-04 ol.linenums {color: transparent; margin-left: -2rem}                                   /* make numbering invisible */
#js--c11-04 {font-size: 0.5rem}
#js--c11-04 li:nth-child(n+6):nth-child(-n+14) { background: #EAF1DD }
/* ************************************************************************* */

/* ****************************************************************************
   CODE FRAGMENT c11-05 - FORMATTING
   ************************************************************************* */
#js--c11-05 ol.linenums {color: transparent; margin-left: -2rem}                                   /* make numbering invisible */
#js--c11-05 {font-size: 0.5rem}
#js--c11-05 li:nth-child(n+1):nth-child(-n+13) { background: #EAF1DD }
/* ************************************************************************* */

/* ****************************************************************************
   CODE FRAGMENT c11-06 - FORMATTING
   ************************************************************************* */
#js--c11-06 ol.linenums {color: transparent; margin-left: -2rem}                                   /* make numbering invisible */
#js--c11-06 {font-size: 0.5rem}
#js--c11-06 li:nth-child(8) { background: #EAF1DD }
/* ************************************************************************* */