Site CSS
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:11 - Thu 06 Nov 2025