source: vbox/trunk/src/VBox/ValidationKit/testmanager/htdocs/css/graphwiz.css@ 106061

/* $Id: graphwiz.css 106061 2024-09-16 14:03:52Z vboxsync $ */
/** @file
 * Test Manager - Graph Wizard CSS.
 */

/*
 * Copyright (C) 2012-2024 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 graph wizard page currently has no side menu, so adjust the top-menu
 * and main sections so they start at the left border.
 */

#main {
    margin-left:    0;
}

.tmtbl-events {

}

/*
 * Let the top navigation and end selection inputs look alike.
 */
#graphwiz-nav, #graphwiz-end-selection {
    background-color: #c0cbd6;
    padding-left:   3px;
    padding-right:  3px;
    padding-top:    3px;
    padding-bottom: 3px;
    margin-left:    1px;
    margin-right:   1px;
    margin-top:     3px;
    margin-bottom:  3px;
    width:          100%;
}


/*
 * Navigation and it's inputs.
 */

#graphwiz-nav {
    min-height:     4.2em;
}

#graphwiz-top-1, #graphwiz-top-2 {
    clear:          both;
}

#graphwiz-time, #graphwiz-top-options-1, #graphwiz-top-submit, #graphwiz-top-options-2 {
    display:        block;
}

#graphwiz-time, #graphwiz-top-submit {
    margin-left:    1em;
    margin-right:   2em;
    float:          left;
}

#graphwiz-top-options-1, #graphwiz-top-options-2 {
    margin-left:    2em;
    margin-right:   1em;
    float: right;
}

.graphwiz-pixel-input, .graphwiz-dpi-input, .graphwiz-time-input, .graphwiz-period-input {
    margin-top:     0.2em;
    margin-bottom:  0.2em;
}

.graphwiz-pixel-input {
    width:          3em;
    text-align:     right
}

.graphwiz-dpi-input {
    width:          2em;
    text-align:     right
}

.graphwiz-time-input {
    width:          18em;
    text-align:     left
}

.graphwiz-period-input {
    width:          4em;
    text-align:     right
}

.graphwiz-maxerrorbar-input {
    width:          2em;
    text-align:     right;
}

.graphwiz-fontsize-input {
    width:          2em;
    text-align:     right;
}

.graphwiz-maxpergraph-input {
    width:          2em;
    text-align:     right;
}

/*
 * The graphs.
 */
#graphwiz-graphs {
    margin-top:     0.5em;
}

.graphwiz-collection {
    margin-top:     1em;
    background-color: #f0f0f0;
    padding-bottom: 1em;
}

.graphwiz-src-select {
    margin-left:    0.2em;
    margin-right:   0.2em;
    margin-top:     0.2em;
    margin-bottom:  0.2em;
    padding-left:   0.3em;
    padding-top:    0.3em;
    padding-bottom: 0.3em;
    padding-right:  0.3em;
    font-size:      1.4em;
}

.graphwiz-graph {
    margin-left:    1em;
    margin-right:   1em;
}

.graphwiz-graph svg {
    width:          100%;
}

/*
 * Table data.
 */
table.graphwiz-tab {
    width:          auto;
}

.graphwiz-tab td {
    text-align:     right;
}

/*
 * The end selection.
 */
#graphwiz-end-selection {
    margin-top:     1em;
}

.graphwiz-end-selection-group {
    clear:          both;
    display:        block;
}

.graphwiz-end-selection-group li {
    display:        block;
    width:          25%;
    float:          left;
}

#graphwiz-buildcategories li, #graphwiz-testcase-variations li {
    width:          50%;
}

.graphwiz-end-selection-group label {
    margin-left:    0.3em;
    vertical-align: middle;
}

.graphwiz-end-selection-group input {
    vertical-align: middle;
}

.graphwiz-end-selection-group h3 {
    font-size:      1.2em;
    font-style:     italic;
    font-weight:    bold;
    margin-bottom:  0.26em;
}

#graphwiz-buildcategories h3, #graphwiz-testcase-variations h3, #graphwiz-end-submit {
    padding-top:    1em;
}

#graphwiz-end-submit {
    clear:          both;
    display:        block;
}



/*
 * Tool tip tables.
 */
table.graphwiz-tt td:nth-child(1) {
    font-weight: bold;
}