/*
-=-  Main-CSS  -=-

-=>  Author:  Blair Edwards 2018
This is a colour-changeable CSS for use with my other CSSs.

-=>  Usage:
In your HTML, link in the following:
	A colour scheme CSS, named 'colours-<name>.css'
	The main CSS, named 'main-css.css'
	One or more width-scaling CSSs, named 'width-<name>.css', with accompanying width parameters if necessary

-  Example:
<link href="css/colours-dusk.css" rel="stylesheet" type="text/css">
<link href="css/main-css.css" rel="stylesheet" type="text/css">
<link href="css/width-thin.css" rel="stylesheet" type="text/css" media="(max-width: 100px)">
<link href="css/width-medium.css" rel="stylesheet" type="text/css" media="(min-width: 101px) and (max-width: 1000px)">
<link href="css/width-thick.css" rel="stylesheet" type="text/css" media="(min-width: 1001px)">
*/

/*  Colour Variables  */


*
/*  Default text properties - main paragraphs etc.  */
{
	color: var(--plainTextColour);
	font-size: 16px;
	font-family: sans-serif;
	margin: 0 0 0 0;
}

h1
{
	/*color: #19C4F1;*/
	color: var(--h1Colour);
	font-size: 26px;
	margin-bottom: 10px;
}
h2
{
	color: var(--h2Colour);
	font-size: 20px;
	margin-bottom: 10px;
}
h3, h4, h5, h6
{
	color: var(--h3PlusColour);
	font-size: 18px;
	margin-bottom: 10px;
}

p
{
    margin-bottom: 30px;
}

.para
{
	/*  Different word-wrap commands for different browsers  */
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

code
/*  Code block properties  */
{
	color: var(--codeColour);
	font-family: monospace;
	white-space: pre;
/*	background: #535353;*/
	display: inline-block;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 5px;
/*	padding: 2px;*/
}

body
{
	/*margin: 50px 100px 50px 100px;*/
    /*margin-top: 50px;
    margin-right: 100px;
    margin-bottom: 50px;
    margin-left: 100px;*/
	background: var(--backgroundColour);
}
table, th, td
{
	border-width: 2px;
	border-style: solid;
	border-color: var(--tableColour);
}
table
{
	border-collapse: collapse;
}
th, td
{
    font-weight: normal;
	padding: 5px;
	text-align: left;
}
.invisible table th
{
	border-color: transparent;
}
.colour-table table th
{
	border-color: transparent;
	background-color: var(--background0);
	padding:  12px;
	border-radius:  16px;
	box-shadow:  2px 5px #00000070;
}

a
{
	margin: 0 0 0 0;
}
a:link
{
	color: var(--linkPlainColour);
}
a:visited
{
	color: var(--linkVisitedColour);
}

.scaled-viewport img
{
	-moz-transform:scale(0.75);
	-webkit-transform:scale(0.75);
	transform:scale(0.75);
}



.termDarkBlack
{
	color: var(--termDarkBlack);
}
.termLiteBlack
{
	color: var(--termLiteBlack);
}
.termDarkRed
{
	color: var(--termDarkRed);
}
.termLiteRed
{
	color: var(--termLiteRed);
}
.termDarkGreen
{
	color: var(--termDarkGreen);
}
.termLiteGreen
{
	color: var(--termLiteGreen);
}
.termDarkYellow
{
	color: var(--termDarkYellow);
}
.termLiteYellow
{
	color: var(--termLiteYellow);
}
.termDarkBlue
{
	color: var(--termDarkBlue);
}
.termLiteBlue
{
	color: var(--termLiteBlue);
}
.termDarkMagenta
{
	color: var(--termDarkMagenta);
}
.termLiteMagenta
{
	color: var(--termLiteMagenta);
}
.termDarkCyan
{
	color: var(--termDarkCyan);
}
.termLiteCyan
{
	color: var(--termLiteCyan);
}
.termDarkWhite
{
	color: var(--termDarkWhite);
}
.termLiteWhite
{
	color: var(--termLiteWhite);
}

.contDarkBlack
{
	color: var(--contDarkBlack);
}
.contLiteBlack
{
	color: var(--contLiteBlack);
}
.contDarkRed
{
	color: var(--contDarkRed);
}
.contLiteRed
{
	color: var(--contLiteRed);
}
.contDarkGreen
{
	color: var(--contDarkGreen);
}
.contLiteGreen
{
	color: var(--contLiteGreen);
}
.contDarkYellow
{
	color: var(--contDarkYellow);
}
.contLiteYellow
{
	color: var(--contLiteYellow);
}
.contDarkBlue
{
	color: var(--contDarkBlue);
}
.contLiteBlue
{
	color: var(--contLiteBlue);
}
.contDarkMagenta
{
	color: var(--contDarkMagenta);
}
.contLiteMagenta
{
	color: var(--contLiteMagenta);
}
.contDarkCyan
{
	color: var(--contDarkCyan);
}
.contLiteCyan
{
	color: var(--contLiteCyan);
}
.contDarkWhite
{
	color: var(--contDarkWhite);
}
.contLiteWhite
{
	color: var(--contLiteWhite);
}