go.chromium.org/luci@v0.0.0-20240309015107-7cdc2e660f33/milo/frontend/static/common/css/tabs.css (about)

     1  /* Copyright 2022 The LUCI Authors.
     2   *
     3   * Licensed under the Apache License, Version 2.0 (the "License");
     4   * you may not use this file except in compliance with the License.
     5   * You may obtain a copy of the License at
     6   *
     7   *      http://www.apache.org/licenses/LICENSE-2.0
     8   *
     9   * Unless required by applicable law or agreed to in writing, software
    10   * distributed under the License is distributed on an "AS IS" BASIS,
    11   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    12   * See the License for the specific language governing permissions and
    13   * limitations under the License.
    14   */
    15  
    16  /*
    17    Make sure jquery UI components don't override the font as specified
    18    for body.interface. If jquery UI components proliferate to other
    19    pages you may want to move this directly into default.css.
    20  */
    21  .ui-widget {
    22    font-family: Verdana, sans-serif;
    23    font-size: 10px;
    24  }
    25  
    26  /* Turns off the tab widget's border. */
    27  #tabs.ui-widget-content {
    28    border: 0px;
    29  }
    30  /*
    31    TODO(dburger): these status styles could come from default.css but are
    32    apparently overridden by styles from .vis-item. This could likely be
    33    fixed by tweaking the style in default.css to get higher specificity.
    34  
    35    In the following the second selector with the "a" tag
    36    takes care of a specificity problem where jquery's
    37    .ui-widget-content a {color: #333;} ends up winning for a tags nested in
    38    a div with one of the following classes as is done on the "Results"
    39    time list that gets the .ui-widget-content from being inside jquery
    40    tabs on the timeline page.
    41  */
    42  .status-Expired, .status-Expired a {
    43    color: #FFFFFF;
    44    background-color: #ac39ac;
    45    border-color: #ACA0B3;
    46  }
    47  
    48  .status-Exception, .status-Exception a {
    49    color: #FFFFFF;
    50    background-color: #c6c;
    51    border-color: #ACA0B3;
    52  }
    53  
    54  .status-InfraFailure, .status-InfraFailure a {
    55    color: #FFFFFF;
    56    background-color: #c6c;
    57    border-color: #ACA0B3;
    58  }
    59  
    60  .status-Warning, .status-Warning a {
    61    color: #FFFFFF;
    62    background-color: #fa3;
    63    border-color: #C29D46;
    64  }
    65  
    66  .status-NotRun, .status-NotRun a {
    67    color: #000;
    68    background-color: #ccc;
    69    border-color: #ccc;
    70  }
    71  
    72  .status-Running, .status-Running a {
    73    color: #000;
    74    background-color: #fd3;
    75    border-color: #C5C56D;
    76  }
    77  
    78  .status-Failure, .status-Failure a {
    79    color: #000;
    80    background-color: #e88;
    81    border-color: #A77272;
    82  }
    83  
    84  .status-Canceled, .status-Canceled a {
    85    color: #000;
    86    background-color: #8ef;
    87    border-color: #00d8fc;
    88  }
    89  
    90  .status-Success, .status-Success a {
    91    color: #000;
    92    background-color: #8d4;
    93    border-color: #4F8530;
    94  }
    95