.screensize {
/* If the screen size is 960px wide or less, scale the container */
/* @media screen and (max-width: 740px) {
transform-origin: left top;
transform: scale(0.75);
} */
/* @media screen and (max-width: 660px) {
transform-origin: left top;
transform: scale(0.5);
} */
/* @media screen and (max-width: 560px) {
transform-origin: left top;
transform: scale(0.5);
} */
}
.container {
display: flex;
flex-direction: column;
margin-left: auto;
margin-right: auto;
overflow-y: scroll;
}
h1 {padding: 0px 0 0 0; width: fit-content; margin: 0px auto; white-space: nowrap;}
h2 {padding: 0px 0 0 0; width: fit-content; margin: 0px auto; white-space: nowrap;}
body {font: 80% arial, helvetica, sans-serif; text-align: center; }
/* .hardleft {width: 150px; text-align: left; float: left; margin: auto;} */
/* .hardright {width: 150px; text-align: right; float: right; margin: auto;} */
/* h3.seriestitle {border: 0px; width: 100%; margin-left: auto; margin-right: auto; white-space: nowrap;} */
h3.seriestitle {width: fit-content; margin:auto;}
h3.summarytitle {display: none;} /* hide summary line */
.caption {
font-size: 1em;
padding: 0px 0 3px 0;
margin: auto;
text-align: center;
font-style: italic;
}
/* */
.scrolldiv {
width: 100%;
overflow-x:auto;
overflow-y:hidden;
}
table {
/* border: 2px #999 solid; */
font-size: 1em;
border-collapse: collapse;
/* border-collapse: separate; */
border-spacing: 0;
margin-left:auto;
margin-right: auto;
}
table th {
/* border: 1px #999 solid; */
text-align: center;
vertical-align: middle;
/* width: 1px; */
/* color: #f3f3f4; */
/* color: #14a9c8; */
white-space: nowrap;
/* add sticky headings */
background: #ffffff;
position: -webkit-sticky;
position: -moz-sticky;
position: -o-sticky;
position: -ms-sticky;
position: sticky;
top: 0;
}
table td {
/* For cells, apply the border to one of each side only (right but not left, bottom but not top) */
border-bottom: 1px #999 solid;
border-right: 1px #999 solid;
padding: 2px 2px;
/* border: 1px #999 solid; */
vertical-align: middle;
}
/* table th:first-child, */
/* table td:first-child { */
/* Apply a left border on the first
or | in a row */
/* border-left: 2px #999 solid; */
/* } */
/* format the results table columns... customized for each layout */
/* table.summarytable {overflow-x:auto;} */
table.summarytable {
border: 1px #999 solid;
border-collapse: separate;
border: 2px #999 solid;
overflow-x: auto;
min-width: max-content;
margin-left: auto;
margin-right: auto;
}
table.summarytable th {
/* Apply both top and bottom borders to the | */
border-top: 1px #999 solid;
border-bottom: 2px #999 solid;
border-right: 1px #999 solid;
}
/* table.summarytable th td {
padding: 0px 6px 0px 6px;
min-width: max-content;
} */
table.summarytable tr td:nth-child(1) {text-align:center; width: 36px; padding: 0 3px;}
table.summarytable tr td:nth-child(2) {text-align:right; width: 38px; padding: 0 3px;}
table.summarytable tr td:nth-child(3) {text-align:left; max-width: max-content; min-width: max-content; white-space: nowrap;}
table.summarytable tr td:nth-child(4) {text-align:left; max-width: max-content; min-width: max-content; white-space: nowrap;}
table.summarytable tr td:nth-child(n+5) {text-align:center; width:30px; padding: 0 3px;}
table.summarytable tr td:nth-last-child(2) {text-align:right; width: 38px; padding: 0 3px;}
table.summarytable tr td:nth-last-child(1) {text-align:left; max-width: max-content; min-width: max-content; white-space: nowrap;}
p
.contents {text-align: left;}
.race {background-color: #fff;}
.odd {background-color: #eef;}
.natflag {border: 1px #999 solid;}
.nattext {font-size: 0.8em;}
.place1 {text-align: center; font-weight: bold; background-color: #ffffaa;}
.place2 {text-align: center; font-weight: bold; background-color: #aaaaff;}
.place3 {text-align: center; font-weight: bold; background-color: #ffaaaa;}
.placen {text-align: center;}
/* Top Section Formats */
table#thetop tr.toprow {margin-left:auto; margin-right:auto; width:100%;}
table#thetop td.topleft {border:0px; vertical-align:middle; text-align:center; height: auto; min-width: 150px; width: 50%;}
table#thetop td.topright {border:0px; vertical-align:middle; text-align:center; height: auto; min-width: 150px; width: 50%;}
table#thetop td.topcenter {border:0px; vertical-align:middle; width: fit-content; margin: 0px auto; text-align: center;}
h3.codestitle {margin-left: auto; margin-right: auto; white-space: nowrap;}
/* code table formats */
table.codestable {border: 1px #999 solid; white-space: nowrap; min-width: 320px; max-width: 100%; margin-left: auto; margin-right: auto;}
table.codestable th {
border: 1px #999 solid;
}
table.codestable th td {
padding: 0 2px;
}
table.codestable tr td:nth-child(2) {text-align:left;}
table.codestable tr td:nth-child(3) {text-align:center;}
/* Bottom Section Formats */
/* table#thefooter {table-layout: fixed; margin-left:auto; margin-right:auto;} */
table#thefooter {table-layout: fixed; overflow-x:scroll;}
table#thefooter tr.footerrow {margin-left:auto; margin-right:auto; min-width: max_content;}
table#thefooter td.footerleft {
height: auto;
width:50%;
padding:15px 0px 0 15px;
text-align:left;
border:0px;
}
table#thefooter td.footercenter {
width: fit-content;
padding: 15px 0 0 0;
text-align: center;
white-space: nowrap;
margin-left:auto; margin-right:auto;
border:0px;
}
table#thefooter td.footerright {
height: auto;
width:50%;
padding: 15px 15px 0px;
text-align: right;
border: 0px;
}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 20px;
border: 1px solid #888;
width: 80%; /* Could be more or less, depending on screen size */
}
/* The Close Button */
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
/* */
/* */
/* */
×
Some text in the Modal..
|