/* author: evomath; copyright 2019 evomath  */


/*
COLORS:
FB_DARK: #3b5998 = rgb(59, 89, 152)
FB_BRIGHT: #dde2ed = rgb(221, 226, 237) 
*/


/*
a[href] { 
    color: #0000FF; 
}
*/

span.soft {
    font-family: sans-serif;
    font-weight: bold;
}

div.title {
    font-size: 56px;
    font-weight: normal;
    color: #dde2ed;
}

blockquote {
    font-style: italic;
    padding: 16px;
}

span.auth {
    font-variant: small-caps;
}


/*========================== #divModIndex =====================================*/

#divModIndexCont {
    margin-top: -64px;
    border-radius: 32px;
    padding: 16px;
    font-size: 12px;
}

#divModIndexCont:hover {
    background: #dde2ed;
}

#divModIndexListing {
    margin-top: 32px;
    margin-bottom: 16px;
    max-height: 256px;
    overflow: auto;
}


/*========================== #tableModIndex =====================================*/

#tableModIndex {
    width: 95%;
    margin-top: 32px;
}

#tableModIndex th,
td {
    text-align: left;
}

#tableModIndex th {
    font-weight: bold;
    padding: 4px 8px 4px 8px;
}

#tableModIndex td {
    padding: 2px 8px 2px 8px;
}

#tableModIndex td:hover {
    cursor: default;
}

#tableModIndex tr:hover {
    background: #FFFFFF;
}

#tableModIndex td span.mod-id {
    background: rgba(0, 0, 255, 0.1);
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-radius: 4px;
}

#tableModIndex td span.ctg-id {
    background: rgba(255, 255, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-radius: 4px;
}

#tableModIndex td span.tag-id {
    background: rgba(0, 255, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-radius: 4px;
}

pre.debug {
    font-size: 12px;
    color: #00FF00;
    background: #000000;
    text-align: left;
    padding: 4px;
}


/*
#tableModIndex a { 
    color: #0000FF; 
}
*/

span.control {
    font-family: sans-serif;
    /* background: #EEEEEE; */
    border-radius: 4px;
}

span.control:hover {
    background: #EEEEEE;
    cursor: default;
}

.align-right {
    text-align: right;
}

#buttonCategoryGraph {
    cursor: pointer;
}

span.highlight {
    color: orange;
    font-weight: normal;
    font-style: normal;
    /*text-shadow: 1px 1px #dde2ed;*/
}


/*=========================== overlay ========================================*/

#divModIndexOverlayGraph {
    border-radius: 64px;
    font-size: 12px;
    position: fixed;
    z-index: 100;
    left: 30%;
    top: 30%;
    width: 40%;
    height: 40%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    /* Fallback, if alpha channel unsupported */
    background-color: rgba(0, 0, 0, 0.025);
    /* nearly transparent */
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3), 0 8px 20px 0 rgba(0, 0, 0, 0.3);
    transition: left 0.25s ease 0.25s;
    transition: top 0.25s ease 0.25s;
    transition: width 0.25s ease 0.25s;
    transition: height 0.25s ease 0.25s;
}

#divModIndexOverlayGraph:hover {
    left: 2%;
    top: 2%;
    width: 96%;
    height: 96%;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    cursor: pointer;
}

#divModIndexOverlayGraph p {
    text-align: center;
}

.show {
    display: block;
}

.hide {
    display: none;
}