.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; } /* */ /* */