/*************************************************************************************************/
/*************************************************************************************************/
/* CSS-Rules used in the 'package-frame.html' and 'overview-frame.html' Files                    */
/*************************************************************************************************/
/*************************************************************************************************/


/*
 * These CSS Rules are used in the 'package-frame.html' and 'overview-frame.html' Files that are
 * "re-added" back into the 'javadoc/' directory after having been fully @Deprecated by Sun /
 * Oracle beginning JDK 12 or 14 or something like that.
 */

BODY
{
    color:          var(--Frames-Body-Color);
    background:     var(--Frames-Body-Background);
    font-family:    'DejaVu Sans', Arial, Helvetica, sans-serif;
    font-size:      14px;
    margin:         0;
    padding:        0;
    height:         100%;
    width:          100%;
}

H1
{
    color:          var(--Frames-H1-Color) !important;
    background:     var(--Frames-H1-Background);

    border:         0.1em solid var(--Frames-H1-Border);
    border-bottom:  0.3em solid var(--Frames-H1-Border) !important;

    font-size:      120%;
    font-weight:    bold;

    padding:        0.7em 1em 0.7em 1em !important;
    margin:         0.75em 0.5em 1em 0.5em !important;

    border:         1px solid parent;
    border-radius:  0.75em;

    overflow:       auto;
    cursor:         pointer;
    transition:     transform 0.2s ease, box-shadow 0.2s ease;

    box-shadow:
        0 2px 4px       var(--Frames-H1H2-Shadow1-Down),
        inset 0 0 10px  var(--Frames-H1H2-Shadow2),
        inset 0 1px 2px var(--Frames-H1H2-Shadow3);
}

H1:hover 
{
    transform: translateY(-4px);

    box-shadow: 
        0 4px 8px       var(--Frames-H1H2-Shadow1-Up),
        inset 0 0 10px  var(--Frames-H1H2-Shadow2),
        inset 0 1px 2px var(--Frames-H1H2-Shadow3);
}

H2
{
    color:          var(--Frames-H2-Color) !important;
    background:     var(--Frames-H2-Background);

    font-size:      120% !important;
    font-weight:    bold;

    padding:        0.4em 0.2em 0.4em 0.9em !important;
    margin-top:     1.9em !important;

    border:         1px solid parent;
    border-radius:  0.75em;

    white-space:    nowrap;
    overflow:       auto;

    /* This is here because it is not obvious that these are clickable */
    cursor: pointer;

    box-shadow: 
        0 2px 4px       var(--Frames-H1H2-Shadow1-Down),
        inset 0 0 10px  var(--Frames-H1H2-Shadow2),
        inset 0 1px 2px var(--Frames-H1H2-Shadow3);
}


/* ********************************************************************************************* */
/* Anchors.                                                                                      */
/* ********************************************************************************************* */

A
{ text-decoration: none; }

H1 A,
H1 A:visited
{ color: var(--Frames-H1-Anchor) !important; }

H1 A:HOVER,
H1 A:FOCUS
{ color: var(--Frames-H1-Anchor-Hover) !important; }

LI A,
LI A:visited
{ color: var(--Frames-LI-Anchor) !important; }

LI A:HOVER, 
LI A:FOCUS
{ color: var(--Frames-LI-Anchor-Hover) !important; }


/* ********************************************************************************************* */
/* The Rest of it                                                                                */
/* ********************************************************************************************* */

DIV
{
    margin:         10px;
    position:       relative;
    font-size:      12px;
}

UL
{
    display:        block;
    margin:         0;
    padding:        0;
    margin-left:    0.75em !important;
    transition:     opacity 0.5s ease;
}

LI
{
    list-style:     none;
    padding-top:    2px;
}