/*=====
    created for (*old* version of) try-oracle.php; if it is 
    going to be our make-sure-all-is-well-with-Oracle 
    example, it can look a LITTLE better...!

    assumption: this follows a link to normalize.css

    by: Sharon Tuttle
    last modified: 2024-03-11
=====*/

/*--
    give the body a little left and right margin
--*/

body
{
    margin-left: 1em;
    margin-right: 1em;
}

/*--
    center the form's fieldset, and add a little space
    on the inner bottom
--*/
    
fieldset
{
    width: 21em;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: .3em;
}

/*-- so the fieldset's legend text fits on one line...! --*/

legend
{
    font-size: 90%;
}

/*-- 
    make the labels (and their textfields) line-up nicely 
    (this version of this stylesheet predates me learning about
    CSS grid and flex layouts)
--*/

label
{
    float: left;
    text-align: right;
    width: 6em;
    margin-right: 0.5em;
}

/*-- put a LITTLE space between the textfields --*/

input
{
    margin-bottom: 0.3em;
}

/*-- and LESS space under the form's submit button --*/

input[type="submit"]
{
    margin-bottom: 0;
}

/*-- use a div to allow centering of the form's submit button --*/

div.submit
{
    display: flex;
    justify-content: center;
}

/*-- 
    put a tasteful border on the results' table,
    not TOO close to the table contents
--*/

table, tr, th, td
{
    border: thin solid black;
    border-collapse: collapse;
    padding: 0.25em;
}

/*--
    add a little bottom padding to the caption
--*/

caption
{
    padding-bottom: 0.1em;
}

/*--
    tastefully minimize the validation info at page bottom
--*/

footer
{
    font-size: 50%;
}

/*-- end of try-oracle.css --*/