Scheduler Sandbox

by clayshannon

HTML

<TABLE name="sceduleTbl" id="sceduleTbl" COLS="3">
	<COLGROUP WIDTH="154"></COLGROUP>
	<COLGROUP WIDTH="200"></COLGROUP>
	<COLGROUP WIDTH="846"></COLGROUP>
	<TR>
		<TD align="center" valign="middle"><B>DATE</B></TD>
		<TD align="center" valign="middle"><B>SHIFTS</B></TD>
		<TD align="center" valign="middle"><B>SHIFT DETAILS (How many of What, Where, and Who)</B></TD>
	</TR>
	<TR id="rowForDate1">
    <th ALIGN="LEFT" rowspan="3"><input id="date1" type="date"/></th>
		<TD ALIGN="LEFT">Shift 1</TD>
        <TD ALIGN="LEFT">3 Vendors at Station A</br>Vendor1</br>Vendor2</br>Vendor3</TD>
	</TR>
  <tr>
    <td>Shift 2</td>
    <td>2 Peanutmongers in the Bleachers</br>Peanutmonger1</br>Peanutmonger2</td>
  </tr>
  <tr>
    <td>Shift 3</td>
    <td>1 Ballboy on the field</br>Ballboy1</td>
  </tr>
</TABLE>

CSS

header {
  background: #d2edf4;
  background-image: linear-gradient(to bottom, #d0edf5, #e1e5f0 100%);
  padding: 20px 15px 15px 15px;
  position: relative;
}
body {
  font-family: 'Palatino Linotype', 'Bookman Antigua', Palatino, serif;
  background-color: lightyellow;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  padding: 0;
  margin: 0;

  font-size: 14px;
}
h1 {
  color: navy;
  font-family: "Segoe UI", serif;
  font-size: 2.5em;
  margin: 0;
  margin-bottom: 10px;
  display: inline-block;
  margin-right: 1em;
}
h2 {
  font-family: 'Bookman Old Style', Verdana, sans-serif;
}
table {
  width: 1200px;
  margin: 0 auto;
  background-color: azure;
  /*min-height: 100%;*/
}
table, th, td {
    border: 1px solid navy;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    /*text-align: left;*/
}
/*th, td {
    padding: 15px;
}*/
p {
  font-size: 14px;
}
.smallcaps {
    font-variant: small-caps;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  /*min-height: 100%;*/
  background: lightyellow;
}