Site Navigation 
 
Home page  |  Online CV  |  Site stylesheet  |  Dave's stag do  |  Accessibility  |  My PC

Site CSS

/* font color */

h1, h2, h3, h4, p, ul, .con, .quote, .authorquot, .ref
{  color: #0D0D0D; font-family: Tahoma, sans-serif, FreeSans;  background-color: inherit; }

li, h3.con, ul.con, content.ul, .content h1
{  color: #0D0D0D; font-family: Tahoma, sans-serif, FreeSans;  background-color: inherit; padding-bottom: 0.5em}

.styled
{  color: #36363D; font-family: Tahoma, sans-serif, FreeSans;  background-color: inherit; }

.styledsub
{  font-family: Tahoma, sans-serif, FreeSans;  background-color: transparent; padding-left: 1em; }

a.same:visited, a.same:link, a.same:active, a.same:hover
{  color: #0D0D0D; line-height: 200%; }

pre, td
{  color: #121212; }

.content p , .othercontent p
/*{  color: #0C0E0D; }*/
{  color: #FFFFFF; }

.nav a, a:hover, a:visited:hover
{  color: #AFAFC9; }

.nav1 a, a:hover, a:visited:hover
{  color: #AFAFC9; }

a:link 
{  color: #AFAFC9;   background-color: inherit;}

a:visited 
{  color: #00FF00;  background-color: inherit;}


/* a.nav, a.nav:visited, nav-tr, a.nav1, a.nav1:visited, nav-br
{  color: #00FF00; 
 -moz-border-radius: 5px; 
border-radius: 5px; 
}
*/


�.error
{   color: rgb(0, 90, 156);}

.banner p, .bannerout p
{  color: #DFDFDF; padding: 0.5em; padding-left: 3em;}

/* background colouring */

body
{  background-color: #BEBEFE; } 

.holder, .content, .othercontent
{  background-color: #CEEECE; }

.holder
/* , .content, .othercontent */
{  border: 2px solid #22226A; } 

a.nav1:visited, a.nav1:link, nav-tr, a.nav, a.nav:visited, nav-br 
/*text */
{
  background-color: #111111;
  font-weight: 500;
 }

a.nav:hover, a.nav1:hover, a.nav:visited:hover, a.nav1:visited:hover  /* text */
{  background-color: #202020;
/* #FF11A0; */
}

.banner p, .bannerout p /* text */
{  background-color: black;}

/* positioning */

.content, .banner, .othercontent /* div */
{
  z-index: 1;
  padding-bottom: 3em;
}

.content, .othercontent /* div */
{
  border-color: #DDDDDD;
  padding-left: 0;
}

.LHNav /* div */
{
  overflow: hidden;
  padding-right: 4.8%; 
/*  width: 90%; */
  z-index: 0; 
  background: transparent;
}

.bannerout /* div */
{
  z-index: 0;
  overflow: hidden;
  width: 100%;
  background: transparent;
}

.banner /* div */
{
  z-index: 2;
  float: none; 
  overflow: hidden;
  vertical-align: middle;
  height: 4em; 
}

.holder /* div */
{
  overflow: auto;
  padding-top: 2%; 
  padding-left: 1%;
  left: 10%;
  width: 70%;
  height: 70%;
  z-index:1;
}

/* font stuff */

h1 {  font-size: 2em;}
h2 {  font-size: 1.6em;  text-decoration: underline;}
h3 {  font-size: 1.3em;}

h1, h2, h3, p, ul, li, .styled, .con
{  text-align: justify;}

.quote
{  font-size: 2.5em;  text-align: center;}

.contact /* div */
{  text-align: center;}

.banner p /* text */
{
  font-size: 2em;
  text-align: center;
  vertical-align: middle;
  background-color: inherit;
}

.authorquot 
{
  font-size: 1.1em;
  text-align: right;
  padding-left: 4em;
  width: 100%;
}

/* .ref 
{
  font-size: 0.6em;
} */

a.same:visited, a.same:link, a.same:active, a.same:hover /* text */
{
  padding: 1em;
  display: inline;
  background-color: inherit;
  overflow: auto;
  font-weight: 500;
}

.styled
{ 
  font-size: 0.6em;
}

.styledsub, .ref
{ 
  font-size: 0.6em;
  color: #0F0F0F;
  float: right;
}

/* extents */

body {   margin: 0px;   padding: 0px;   width: 100%;   text-align: center;  } 

.content, .othercontent 
{
  overflow: auto;
  text-align: justify;
}

.holder
{
  position: absolute; 
  padding-right: 3%;
}

.content p, h1, h2, h3, h4,.content ul,.content li, con h3 /* div */
{
  padding-left: 4%;
  padding-right: 2%;
  font-weight: 500;
}

.othercontent p,.othercontent h1,.othercontent h2,.othercontent h3,.othercontent h4,.othercontent ul,.othercontent li /* text */
{
  padding-left: 4%;
  padding-right: 2%;
  font-weight: 500;
  overflow: hidden;
}

.LHNav p,.LHNav h1,.LHNav h2,.LHNav h3,.LHNav h4,.LHNav a,.LHNav ul,.LHNav li, .authorquot, .LHNav nav-tr, .LHNav nav-br /* text */
{
  font-size: 1em;
  text-decoration: none; 
  padding-top: .1em;
  padding-bottom: .1em;
  vertical-align: middle;
  text-align: center;
}

a.nav:hover, a.nav1:hover, a.nav:visited:hover, a.nav1:visited:hover  /* text */
{
  font-size: 1em;
  left: 3%;
  width: 10px; 
  text-decoration: none; 
  vertical-align: middle;
}  

a.nav, a.nav:visited, a.nav:link, a.nav1, a.nav1:visited, a.nav1:link /* text */
{
  font-size: 1em;
  padding-right: 3%; 
  width: 15%;
  vertical-align: middle;
  font-weight: 500;
  text-align: right;
}

a.nav2, a.nav2:visited, a.nav2:link 
{
  font-size: 1em;
  padding-right: 3%; 
/*  width: 15%; */
  vertical-align: middle;
  font-weight: 500;
  text-align: right;
}

a.nav, a.nav:visited, a.nav1, a.nav1:visited /* text */
{
  text-decoration: none; 
  width: 15%;
  padding-left: 15px;
/*  width: 100%; */
  height: 2em;
}

.validator-logos /* div */
{ 
  float: right;
  z-index: 0;
  left: 21%;
  width: 25%;
  padding-left: 5px;
  text-align: right;
  padding-right: 0px;
  padding-bottom: 25px; 
  height: 4%;
}

.hide /* text */
{
  display: none;
}

/* Validator logo stuff */
.w3cbutton4 {  margin: 1em 0;  right: 1px;  font-family: helvetica,arial,sans-serif;  font-size: 70%;  font-weight:bold;  width: 76px;  text-align: left;}
.w3cbutton4 a {  display: block;  width: 100%; }
.w3cbutton4 a:link, .w3cbutton4 a:visited, .w3cbutton4 a:hover {  background-color: /*#fc68*/ #88F;  color: #000;  text-decoration: none;}
.w3cbutton4 a:link, .w3cbutton4 a:visited {  border-top: 1px solid #cecece;  border-bottom: 2px solid #4a4a4a;  border-left: 1px solid #cecece;  border-right: 2px solid #4a4a4a;}
.w3cbutton4 a:hover {  border-bottom: 1px solid #cecece;  border-top: 2px solid #4a4a4a;  border-right: 1px solid #cecece;  border-left: 2px solid #4a4a4a;} 
.w3cbutton4 span.w3c {  background-color: #fff;  color: #0c479d;  padding: 0 0.4em; } /* fixes the white bit */
.middlebutton, .rightbutton {  position: absolute;  bottom: 8px; }
.middlebutton {  right: 105px; width: 56px;}
.rightbutton {  right: 20px; width: 75px;}


a.nav2, a.nav2:visited {  width: 100%;  padding-top: 0px;}

acronym {speak: normal;}
abbr.initialism {speak: spell-out;}
abbr.truncation {speak: normal;}

.errorcode /* text */
{ 
  color: silver;
  text-align: center;
  font: bold 120px/120px Times, serif;
  margin-top: 10px;
  background-color: inherit;
}

.error /* text */
{ 
  text-align: center;
  margin-top: -100px;
  font-size: 72px;
  letter-spacing: 12px;
  margin-bottom: 10px;
  background-color: inherit;
}

.errorclass /* text */
{ 
  color: #D22;
  background-color: inherit;
  text-align: center;
  font-size: 3.5em;
}

a.errorlink /* text */
{
  text-align: center;
  text-decoration: underline;
}

last modified 12:04 - Mon 29 Apr 2024