@charset "utf-8";
/* whsca2.css - for http://www.whsca.org/ */
/* Barry Hansen, barry@electromagneticsoftware.com */
body {
font: 100% Verdana,Arial,Helvetica,sans-serif;
background: #444444;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 12px 0 0 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}
#container {
width: 850px; /* using 70px less than a full 1024px width allows for browser chrome and avoids a horizontal scroll bar */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* override the "text-align:center" on the body element. */
font-size: 12px;
}
/* ----- banner ----- */
#banner {
margin-bottom: 6px;
}
/* ----- sitenav ----- */
#sitenav {
position: relative;
top: -16px; /* move up to overlap white portion of banner */
text-align: left;
padding-left: 14px;
background-color: #ffffe8;
height: 5em; /* avoid box height collapse */
border-bottom: 1px solid #808080;
}
/* set column widths across horiz nav bar to avoid subitems overlap */
#sitenav .home { width: 9em; }
#sitenav .ratings { width: 11em; }
#sitenav .tourns { width: 12em; }
#sitenav .msjhs { width: 8em; }
#sitenav .links { width: 8.5em; }
#sitenav .students{ width: 11em; }
#sitenav .coaches { width: 16em; }
ul.sitenav {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
}
/* Menu item containers, position children relative to this container */
ul.sitenav li {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
font-weight: normal;
position: relative;
text-align: left;
cursor: pointer;
float: left;
}
/* Submenus appear below their parent */
ul.sitenav ul {
margin: 0;
padding: 0;
list-style-type: disc;
font-size: 100%;
cursor: default;
}
#sitenav a {
padding: 0 10px 0 10px;
}
/* Submenu items are un-bold to contrast with top level items */
ul.sitenav ul li {
font-weight: normal;
}
/* Links are undecorated blue, and highlight on mouseover */
ul.sitenav a {
color: blue;
text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.sitenav a:hover, ul.sitenav a:focus {
text-decoration: underline;
}
ul.sitenav li.active {
margin-left: -3px; /* same as #sitenav a */
padding-right: 12px; /* hack */
}
/* ----- mainContent ----- */
#mainContent {
padding: 0 20px 20px 20px;
clear: both; /* don't allow content to reflow into top nav bar */
}
#mainContent li {
padding: 6px 0 6px 0;
}
#mainContent p {
padding-left: 36px;
margin: 0 0 1.1em 0;
}
#mainContent .intro {
padding-left: 0; /* first sentence in content body is NOT indented */
}
dt { font-style:italic; padding-top: 6px; }
dl { margin: 0; }
h1 { font-size: 20px; text-align: center; }
h2 { font-size: 14px; }
h3 { font-size: 13px;
font-style: italic;
font-weight: normal;
margin: 12px 0 0 0;
padding-left: 36px; /* same as */
}
#mainContent table {
margin-left: 36px; /* same as
*/
margin-bottom: 12px;
}
/* table row highlight for even/odd numbered rows */
.even { }
.odd { background-color: #e5ffff; }
/* display 90x90 thumbnails of people on WHSCAhome.html */
div.portrait {
padding-left: 36px;
width: 110px;
height: 90px;
float: left;
}
/* online registration page (stateteam/StateTeam.html) */
.warning { color: #C00; font-weight:bold; }
.label { color: black; font-weight:normal; }
/* tournament report page (tournreport.html) */
table.report {
color: black;
background-color: white;
border-spacing: 2px;
border-collapse: separate;
border: 1px outset black;
}
table.report th {
text-align: center;
color:yellow;
background-color: #900; /* DarkRed */
padding: 4px;
border: 1px inset black;
}
table.report td {
text-align:center;
color: black;
background-color:#faebd7;
padding: 6px 4px;
border: 1px inset black;
}
/* school report page (schoolreport.php) */
span.id { border-bottom: 1px dotted red; }
/* individual ratings page (ratingsXX.php) */
pre.ratings {
font-size: 13px;
}
pre.ratings b {
background-color: #e5ffff;
border: 1px solid #666;
padding: 6px 12px 1px 4px; /* add space between text and border (cannot change box size in
tags) */
}
/* one tournament report (1report.php) */
.giant {
border: 1px solid #666;
padding: 6px 0 6px 16px;
background-color: #d2ffff;
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
text-align: center;
}
td.images img { margin: 4px; border: 1px solid #666; }
.blue { color: #06C; }
/* school code list (allcodes.html) */
table.schools .code { text-align:center; }
table.schools .level { text-align:center; }
/* ----- autocomplete ----- */
/* From http://developer.yahoo.com/yui/examples/autocomplete/ac_xhr_customrequest.html */
label {
color:#E76300;
font-weight:bold;
}
#myAutoComplete {
width:40em; /* set width here or else widget will expand to fit its container */
padding-bottom:2em;
}
/* ----- footer ----- */
#footer {
padding: 2px 0 2px 22px;
color: #505050;
background-color:#b2ffff;
text-align: left;
border-top: 1px solid black;
font-size: smaller;
}
/* ----- printer-friendly formatting ----- */
@media print {
div#sitenav { display: none; }
form#schoolForm { display: none; }
.noprint { display: none; }
}
/* ----- cellphone friendly formatting ----- */
/* note iPhone does not respond to @media handheld, it's too smart */
/* 2009-06-29 bwh - commented out until it works
@media (max-width: 480px) {
body {
font: 100% Verdana,Arial,Helvetica,sans-serif;
background: #444444;
margin: 0;
padding: 0 0 0 0;
text-align: left;
color: #000000;
}
#container {
width: auto;
background: white;
margin: auto;
border: none;
text-align: left;
font-size: medium;
}
#sitenav {
display: none;
position: relative;
top: auto;
text-align: left;
padding-left: 4px;
background-color: #ffffe8;
height: auto;
width: auto;
border-bottom: 1px solid #808080;
}
}
*/