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