Home | History | Annotate | Download | only in net_internals 
      1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
      2  * Use of this source code is governed by a BSD-style license that can be
      3  * found in the LICENSE file.
      4  */
      5 
      6 /* Only common styles should be declared here. */
      7 
      8 * {
      9   box-sizing: border-box;
     10 }
     11 
     12 ul {
     13   padding-left: 2em;
     14 }
     15 
     16 /* This class is used to create the splitter widget in
     17    ResizbleVerticalSplitView */
     18 .vertical-splitter {
     19   -webkit-user-select: none;
     20   border-left: 1px solid #afafaf;
     21   cursor: ew-resize;
     22   position: absolute;
     23   width: 10px;
     24 }
     25 
     26 /* Needs to be wider on touch devices. */
     27 .touch .vertical-splitter {
     28   width: 5mm;
     29 }
     30 
     31 .log-source-entry {
     32   margin: 5px;
     33 }
     34 
     35 .log-source-entry * p {
     36   font-size: 75%;
     37   font-weight: bold;
     38 }
     39 
     40 .log-source-entry * td {
     41   font-size: 62%;
     42 }
     43 
     44 /*
     45  * This class should be given to top-level content boxes (like the view's main
     46  * DIV). It gives them a consistent padding, and makes them scrollable.
     47  */
     48 .content-box {
     49   overflow: auto;
     50   padding: 20px 10px 10px 20px;
     51 }
     52 
     53 .deindent-header,
     54 .content-box h1,
     55 .content-box h2,
     56 .content-box h3,
     57 .content-box h4,
     58 .content-box h5,
     59 .content-box h6 {
     60   margin-left: -10px;
     61 }
     62 
     63 /*
     64  * Styles for TABLE that uses a thin collapsed border.
     65  */
     66 table.styled-table {
     67   border-collapse: collapse;
     68 }
     69 
     70 table.styled-table,
     71 .styled-table th,
     72 .styled-table td {
     73   border: 1px solid #777;
     74   padding-left: 4px;
     75   padding-right: 4px;
     76 }
     77 
     78 .styled-table th {
     79   background: rgb(224,236,255);
     80 }
     81 
     82 .styled-table th.title {
     83   background: rgb(255,217,217);
     84 }
     85 
     86 /**
     87  * Styling for event logs.
     88  */
     89 .event-log p {
     90   white-space: nowrap;
     91 }
     92 
     93 .event-log h4 {
     94   margin: 0;
     95 }
     96 
     97 .event-log a {
     98   font-weight: bold;
     99   text-decoration: none;
    100 }
    101 
    102 /**
    103  * Styling for text indicating a potential problem or error state.
    104  */
    105 .warning-text {
    106   color: rgb(238, 0, 0);
    107 }
    108 
    109 /**
    110  * Styling for help windows that appear when mousing over an element.
    111  */
    112 .mouse-over-help {
    113   background: #EEE;
    114   border: 1px solid black;
    115   font-size: 80%;
    116   padding: 5px;
    117   z-index: 1;
    118 }
    119 
    120 /**
    121  * Styling for elements that show a help window on mouse over.
    122  */
    123 .mouse-over-help-hover {
    124   color: blue;
    125   cursor: help;
    126 }
    127