/* Cascading Style Sheet for Skerries Chess Club */
/* Add the following command in the section of your HTML file */
/* */
/* The Style for the page as a whole*/
body {
font-size: 10pt;
margin-top: 0;
background: #9999FF;
}
/* Setting the Properties for Ordinary text, applies to all tags
separated by commas, and anything inside them. See table classes below
*/
/* Plain text inherits properties of div etc, once it is in a div tag etc. */
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
margin: 0px;
padding-top: 1em;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
h1, h2, h3, h3, h4, h5, h6, ul, ol {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding-top: 1.5em;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
/* p tag inherits all properties in p above and in div above if not overwritten */
p {
text-align: justify;
}
p.left {
text-align: left;
}
p.right {
text-align: right;
}
p.imagelabel {
text-align: center;
font-style: italic;
}
p.top {
padding-top: 0em;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
h1 {
font-size: 16pt;
color: #000099;
}
h2 {
font-size: 14pt;
color: #000099;
}
h2.top {
padding-top: 0.5em;
}
h3 {
font-size: 13pt;
color: #000099;
}
h3.top {
padding-top: 0.5em;
}
h4 {
font-size: 12pt;
color: #000066;
}
h4.staff {
font-size: 12pt;
padding-top: 1em;
text-align: center;
color: #FFFFFF;
}
h5 {
font-size: 11pt;
color: #000055;
}
h6 {
font-size: 10pt;
/* text-align: center; */
color: #000050;
}
ul, ol{
margin-left: 2em;
padding-top: 0px;
}
li {
padding-top: 0.5em;
}
/* This class can be applied to all above tags I think */
/* No top padding */
.notoppadding{
padding-top: 0px;
}
.big-notice {
font-size: 1.5rem;
/* text-align: center; */
}
/* Setting up the links, anchors incl. bookmarks */
a {
font-weight: bold;
text-decoration: none;
}
/* color in classes below is not implemented for some reason,
overriden by a:link I think
*/
a.hmenu {
font-size: 13px;
}
a.hmenu1 {
font-size: 13px;
}
a.sitemap1 {
font-size: 13px;
}
a.hmenu1active {
font-size: 13px;
color: #000000;
}
a.hmenu2 {
font-size: 12px;
}
a.hmenu2active {
font-size: 12px;
color: #000000;
}
a.hmenu3 {
font-size: 11px;
}
a.hmenu3active {
font-size: 11px;
color: #000000;
}
a.hmenu4 {
font-size: 10px;
}
a.hmenu4active {
font-size: 10px;
color: #000000;
}
a.hmenu5 {
font-size: 9px;
}
a.hmenu5active {
font-size: 9px;
color: #000000;
}
a.hmenu6 {
font-size: 8px;
}
a.hmenu6active {
font-size: 8px;
color: #000000;
}
a.hmenu7 {
font-size: 7px;
}
a.hmenu7active {
font-size: 7px;
color: #000000;
}
a.vmenu {
/* text-align: center; only applies to block level elements */
font-size: 10pt;
}
a.vmenuh1 {
font-size: 12pt;
color: #0066FF;
}
a.sitemap0 {font-size: 17px; }
a.sitemap1 {font-size: 13px; }
a.sitemap2 {font-size: 12px; }
a.sitemap3 {font-size: 10px; }
a.sitemap4 {font-size: 9px; }
a.sitemap5 {font-size: 8px; }
a:link {
color: #0033FF;
}
a:visited {
color: #0033FF;
}
a:active {
color: #FF6666
}
a:hover {
color: #FF6666
}
/* Styles for specific structures --------------------------------------------*/
/* Style for the page master div */
div.master {
text-align: center;
width: 750px;
background-image: none; background-color: #FFFFFF;
}
/* Applied to any grouping element whose id="master" e.g. div id="master" */
/* Does not work in Netscape 4.77 */
/*
#master {
text-align: center;
width: 750px;
background-image: none;
background-color: #FFFFFF;
}
*/
/* Style for the page footer div */
div.footer {
text-align: left;
background-image: none;
background-color: #FFCC00;
height: 24px;
width: 750px;
padding: 10px;
}
/* Tables, rows and cell styles */
table.master {
width: 750px;
height: 900px;
padding: 0px; /* does not work */
border-collapse: collapse;
/* align: center; does not centre table */
margin-left: auto; /* this should work */
margin-right: auto;
background-color: #FFFFFF;
}
/* Replaces */
div, th, td, caption {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000033;
}
/* table styles for menu levels */
table.menuLevel1,
td.menuLevel1,
table.menuLevel2,
tr.menuLevel2,
td.menuLevel2active,
table.menuLevel3,
td.menuLevel3,
table.menuLevel4,
td.menuLevel4,
table.menuLevel5,
td.menuLevel5,
table.menuLevel6,
td.menuLevel6,
table.menuLevel7,
td.menuLevel7 {
height: 22px;
border: 0px;
border-collapse: collapse;
padding-top: 0px;
padding-bottom: 0px;
}
table.menuLevel1 {
width: 750px;
padding-left: 0;
padding-right: 0;
background-color: #FFCC00;
}
td.menuLevel1,
td.menuLevel1active,
td.menuLevel2,
td.menuLevel2active,
td.menuLevel3,
td.menuLevel3active,
td.menuLevel4,
td.menuLevel4active,
td.menuLevel5,
td.menuLevel5active,
td.menuLevel6,
td.menuLevel6active,
td.menuLevel7,
td.menuLevel7active {
padding-left: 6px;
padding-right: 6px;
text-align: center;
}
td.menuLevel1active {
background-color: #FFFFFF;
}
table.menuLevel2 {
width: 750px;
background-color: #FFFFCC;
}
tr.menuLevel2,
td.menuLevel2 {
background-color: #FFFFCC;
}
td.menuLevel2active {
background-color: #FFFFFF;
}
table.menuLevel3 {
width: 750px;
background-color: #ccffCC;
}
td.menuLevel3 {
background-color: #ccccff;
}
td.menuLevel3active {
background-color: #FFFFFF;
}
table.menuLevel4 {
width: 750px;
background-color: #FFBBAA;
}
td.menuLevel4 {
background-color: #FFBBAA;
}
td.menuLevel4active {
background-color: #FFFFFF;
}
table.menuLevel5 {
width: 750px;
background-color: #ccffcc;
}
td.menuLevel5 {
background-color: #ccffcc;
}
td.menuLevel5active {
background-color: #FFFFFF;
}
table.menuLevel6 {
width: 750px;
background-color: #ccffcc;
}
td.menuLevel6 {
background-color: #ccffcc;
}
td.menuLevel6active {
background-color: #FFFFFF;
}
table.menuLevel7 {
width: 750px;
background-color: #ccffcc;
}
td.menuLevel7 {
background-color: #ccffcc;
}
td.menuLevel7active {
background-color: #FFFFFF;
}
table.content {
width: 750px;
border: 10px; /* = cellspacing */
background: #FFFFFF;
}
table.staffpage {
width: 750px;
height: 90px;
text-align: center;
}
th.staffpage {
width: 750px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
}
td.staffpage {
padding-left: 0px;
padding-right: 0px;
background-color: #FFFFCC;
}
td.staffname {
width: 270px;
height: 90px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
background-color: #FFFFCC;
}
td.staffpic {
width: 80px;
height: 90px;
padding-left: 0px;
padding-right: 0px;
background-color: #FFFFCC;
}
img.staffpicleft {
width: 80px;
height: 90px;
padding-left: 0px;
padding-right: 0px;
border-collapse: collapse;
text-align: left;
}
img.staffpicright {
width: 80px;
height: 90px;
padding-left: 0px;
padding-right: 0px;
border-collapse: collapse;
text-align: right;
}
td.uptomenus {
width: 750px;
text-align: left;
}
table.footer {
width: 750px;
text-align: right;
font-style: italic;
background-color: #FFFFFF;
}
/*-------Examples of stylesheet stuff below-----------------------------------*/
/* Setting up ordinary Tables */
/*
caption{font-size: 14px;
font-weight: bold;
}
*/
/* The Style for the page header */
/*
#pageHeader{position: absolute;
top: 0px;
left: 0px;
height: 100px;
width: 100%;
padding: 0px;
margin: 0px;
text-align: right;
}
div.mainHeading a img, div.mainHeading img{border:0px;
vertical-align:middle;
}
div.mainHeading a:link, div.mainHeading a:visited, div.mainHeading a:active, div.mainHeading a:hover{color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
*/
/* Setting the Style for the main menu */
/*
#mainMenu{position: absolute;
top: 100px;
left: 0px;
width: 100%;
clear: both;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
margin: 0px;
background-color: #009900;
color: #FFFFFF;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
font-size: 14px;
font-weight: bold;
}
*/
/* Setting the properties for the page content, applies to tags whose id="pageheader" */
/*
#pageContent{position: absolute;
top: 150px;
left: 210px;
padding: 3px;
margin: 0px;
clear: both;
font-family: verdana;
}
*/
/* Settign the Style for footers */
/*
div.footer{text-align: center;
font-style: italic;
margin-top: 2em;
}
*/
/* Setting the Style for widgets */
/*
div.widget{width: 200;
margin-top: 0px;
....
border: 0px;
}
*/
/* Setting the style for the Menu System */
/*
ul.BBSiteMenu a:link, ul.BBSiteMenu a:visited, ul.BBSiteMenu a:active{color: white;
text-decoration: none;
}
li.BBSubMenu {}
.BBYouAreHere{font-style:italic;
font-weight:normal;
font-size: 10pt;
}
*/
/* Setting the properties for special kinds of text
.signature {
font-style: italic;
text-align: right;
margin-top: 2em;
}
.indented {
padding-left: 2em;
padding-bottom: 2em;
}
ul.spacedList li, ol.spacedList li{margin-bottom: 1em;}
*/
/* Setting the style for data tables */
/* e.g. table.data thead th{font-weight: bold;
font-size: 14px;
border-bottom: 1px solid white;
color: white;
background: #009900;
}
*/
/* Setting the style for inline images */
/* img.textMiddle{} */
/* Old Code ********************************************************* */
/*
tr.menuLevel1 {
width: 750px;
height: 22px;
border: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
cellspacing: 0;
background-color: #FFCC00;
}
*/