/* PRACTICALSERIES (c) 2016 ******************************************************************************* Title : GOOGLE PRETTIFY LINE HIGHLIGHTS 08-03-PRETTIFYLINES.CSS ******************************************************************************* PRACTICALSERIES: Practical Series of Publications by Michael Gledhill Published in the United Kingdom Email: mg@practicalseries.com Web: www.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 3.CSS CLASS CHANGES Code fragments showning CSS do not display in the correct colours, the .pln and .lit classes are over-riddent to give more accurate colouring ------------------------------------------------------------------------------- MODIFICATION HISTORY: This is a complete summary of all software modifications. Date Issue Author Reason for Modification ------------------------------------------------------------------------------- 31 May 2017 P10 M. Gledhill Migration to Git VCS FIRST PUBLISHED COMMIT Based on PS(LIVE-non VCS) P06.02 ---------------------------------------------------------------------------- */ /* **************************************************************************** CODE FRAGMENT c080100 - FORMATTING ************************************************************************* */ #js--c080100 li:nth-child(n+2):nth-child(-n+15) { background: #EAF1DD } /* line background green */ /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080200 - FORMATTING ************************************************************************* */ #js--c080200 li:nth-child(4) { background: #EAF1DD } /* line background green */ #js--c080200 li:nth-child(8) { background: #EAF1DD } /* line background green */ #js--c080200 li:nth-child(12) { background: #EAF1DD } /* line background green */ /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080300 - FORMATTING ************************************************************************* */ #js--c080300 .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080300 .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080300a - FORMATTING ************************************************************************* */ #js--c080300a .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080300a .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080300b - FORMATTING ************************************************************************* */ #js--c080300b .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080300b .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080300c - FORMATTING ************************************************************************* */ #js--c080300c .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080300c .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080300d - FORMATTING ************************************************************************* */ #js--c080300d .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080300d .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080400 - FORMATTING ************************************************************************* */ #js--c080400 li:nth-child(5) { background: #EAF1DD } /* line background green */ #js--c080400 li:nth-child(4) {padding-left: 4.1rem;} /* adjust indent for line wrap */ #js--c080400 li:nth-child(5) {padding-left: 4.1rem;} /* adjust indent for line wrap */ #js--c080400 li:nth-child(6) {padding-left: 4.1rem;} /* adjust indent for line wrap */ /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080500 - FORMATTING ************************************************************************* */ #js--c080500 .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080500 .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080500a - FORMATTING ************************************************************************* */ #js--c080500a .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080500a .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080500b - FORMATTING ************************************************************************* */ #js--c080500b .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080500b .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080500c - FORMATTING ************************************************************************* */ #js--c080500c .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080500c .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080500d - FORMATTING ************************************************************************* */ #js--c080500d .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080500d .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080500e - FORMATTING ************************************************************************* */ #js--c080500e .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080500e .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080600 - FORMATTING ************************************************************************* */ #js--c080600 .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080600 .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080600a - FORMATTING ************************************************************************* */ #js--c080600a .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080600a .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080600b - FORMATTING ************************************************************************* */ #js--c080600b .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080600b .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080600 - FORMATTING ************************************************************************* */ #js--c080700 li:nth-child(n+13):nth-child(-n+15) { background: #EAF1DD } /* line background green */ #js--c080700 li:nth-child(n+17):nth-child(-n+19) { background: #EAF1DD } /* line background green */ #js--c080700 .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080700 .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080700a - FORMATTING ************************************************************************* */ #js--c080700a .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080700a .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080700b - FORMATTING ************************************************************************* */ #js--c080700b .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080700b .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080800 - FORMATTING ************************************************************************* */ #js--c080800 li:nth-child(n+13):nth-child(-n+15) { background: #EAF1DD } /* line background green */ #js--c080800 .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080800 .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c080900 - FORMATTING ************************************************************************* */ #js--c080900 li:nth-child(14) { background: #EAF1DD } /* line background green */ #js--c080900 li:nth-child(18) { background: #EAF1DD } /* line background green */ #js--c080900 .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c080900 .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c081000 - FORMATTING ************************************************************************* */ #js--c081000 li:nth-child(n+14):nth-child(-n+17) { background: #EAF1DD } /* line background green */ #js--c081000 .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c081000 .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c081000a - FORMATTING ************************************************************************* */ #js--c081000a .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c081000a .lit { color: #718c00;} /* ************************************************************************* */ /* **************************************************************************** CODE FRAGMENT c081100 - FORMATTING ************************************************************************* */ #js--c081100 .pln { color: #4271ae;} /* overlay style colours for CSS fragment */ #js--c081100 .lit { color: #718c00;} /* ************************************************************************* */