/* $Id: details.css $ */
/** @file
 * Test Manager - Test Details CSS.
 */

/*
 * Copyright (C) 2012-2023 Oracle and/or its affiliates.
 *
 * This file is part of VirtualBox base platform packages, as
 * available from https://www.virtualbox.org.
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation, in version 3 of the
 * License.
 *
 * This program is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, see <https://www.gnu.org/licenses>.
 *
 * The contents of this file may alternatively be used under the terms
 * of the Common Development and Distribution License Version 1.0
 * (CDDL), a copy of it is provided in the "COPYING.CDDL" file included
 * in the VirtualBox distribution, in which case the provisions of the
 * CDDL are applicable instead of those of the GPL.
 *
 * You may elect to license modified versions of this file under the
 * terms and conditions of either the GPL or the CDDL or both.
 *
 * SPDX-License-Identifier: GPL-3.0-only OR CDDL-1.0
 */



/*
 * The test details page has no side menu, so adjust the top-menu and main
 * sections so they start at the left border.
 */

#top-menu, #main {
    left:           0;
}
#main {
    margin-left:    0px;
}

.tmtbl-events {

}

.tmstatusrow-failure, .tmstatusrow-timed-out, .tmstatusrow-rebooted {
    color: #e80000;
}

.tmstatusrow-skipped, .tmstatusrow-aborted, .tmstatusrow-bad-testbox {
    color: #0000f0;
}


/*
 * Test results.
 */

/*
 * Details table on the individual test result page.
 */
table.tmtbl-testresult-details {
    border-style:    dashed;
    border-spacing:  1px;
    border-width:    1px;
    border-color:    gray;
    border-collapse: separate;
}

table.tmtbl-testresult-details caption {
    text-align:     left;
    font-weight:    bold;
    font-size:      1.2em;
}

table.tmtbl-testresult-details td, table.tmtbl-testresult-details th {
    font-size:      1em;
    border-style:   none;
    padding-bottom: 3px;
    padding-top:    3px;
    padding-left:   2px;
    padding-right:  2px;
    border-width:   1px;
}

table.tmtbl-testresult-details th {
    text-align:     left;
}

.tmtbl-result-details-caption {
    font-size:      1.2em;
    font-weight:    bold;
    text-align:     center;
    background-color: #c0d0e0;
}

.tmtbl-result-details-subcaption {
    text-align:     center;
}


/*
 * Event log on the individual test result page.
 */
.tmtbl-events td {
    padding-bottom: 1px;
    padding-top:    1px;
    padding-left:   1px;
    padding-right:  1px;
    vertical-align: top;
}

.tmtbl-events th {
    font-size:      1.3em;
    text-align:     center;
}

table.tmtbl-events, table.tmtbl-events tr, table.tmtbl-events td, table.tmtbl-events th {
    border-collapse: collapse;
}

tr.tmtbl-events-leaf {
}

tr.tmtbl-events-first {
    border-top:     1px dotted;
}

tr.tmtbl-events-value {
}

tr.tmtbl-events-final {
    border-bottom:     1px dotted;
}


tr.tmtbl-events-lvl0 td {
    padding-top:    8px;
    padding-bottom: 8px;
}

tr.tmtbl-events-lvl1 td {
    padding-top:    6px;
    padding-bottom: 6px;
}

tr.tmtbl-events-lvl2 td {
    padding-top:    4px;
    padding-bottom: 4px;
}

tr.tmtbl-events-lvl3 td {
    padding-top:    2px;
    padding-bottom: 2px;
}

tr.tmtbl-events-lvl4 td {
    padding-top:    1px;
    padding-bottom: 1px;
}

tr.tmtbl-events-lvl5 td,
tr.tmtbl-events-lvl6 td,
tr.tmtbl-events-lvl7 td,
tr.tmtbl-events-lvl8 td,
tr.tmtbl-events-lvl9 td,
tr.tmtbl-events-lvl10 td {
    padding-top:    0px;
    padding-bottom: 0px;
}

td.tmtbl-events-number {
    text-align:     right;
}

td.tmtbl-events-number, td.tmtbl-events-unit {
}

tr.tmtbl-events-value   td:nth-child(3),
tr.tmtbl-events-file    td:nth-child(3),
tr.tmtbl-events-message td:nth-child(3) {
    padding-left:   2em;
}

tr.tmtbl-events-value   td:nth-child(3),
tr.tmtbl-events-message td:nth-child(3) {
    font-style:     italic;
}


/*
 * Status coloring. (move to common.css?)
 */
.tmspan-status-success {
    color:          green;
}
.tmspan-status-skipped {
    color:          blue;
}
.tmspan-status-failure {
    color:          red;
}
.tmspan-status-success, .tmspan-status-skipped, .tmspan-status-failure {
    font-weight:    bold;
    text-transform: uppercase;
}