OLD | NEW |
1 /* | 1 /* |
2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
4 * | 4 * |
5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
6 * modification, are permitted provided that the following conditions | 6 * modification, are permitted provided that the following conditions |
7 * are met: | 7 * are met: |
8 * | 8 * |
9 * 1. Redistributions of source code must retain the above copyright | 9 * 1. Redistributions of source code must retain the above copyright |
10 * notice, this list of conditions and the following disclaimer. | 10 * notice, this list of conditions and the following disclaimer. |
(...skipping 1047 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1058 position: absolute; | 1058 position: absolute; |
1059 right: -2px; | 1059 right: -2px; |
1060 bottom: 0px; | 1060 bottom: 0px; |
1061 border-bottom: 1px solid hsl(0, 100%, 74%); | 1061 border-bottom: 1px solid hsl(0, 100%, 74%); |
1062 } | 1062 } |
1063 | 1063 |
1064 .timeline-tree-view .data-grid .selected .background-bar { | 1064 .timeline-tree-view .data-grid .selected .background-bar { |
1065 background-color: rgba(255,255,255,0.25); | 1065 background-color: rgba(255,255,255,0.25); |
1066 border-bottom-color: transparent; | 1066 border-bottom-color: transparent; |
1067 } | 1067 } |
| 1068 |
| 1069 .timeline-status-dialog { |
| 1070 display: flex; |
| 1071 flex-direction: column; |
| 1072 padding: 16px; |
| 1073 font-size: 14px; |
| 1074 } |
| 1075 |
| 1076 .timeline-status-dialog div,button { |
| 1077 margin: 5px; |
| 1078 } |
| 1079 |
| 1080 .timeline-status-dialog .title { |
| 1081 align-self: center; |
| 1082 font-size: 20px; |
| 1083 margin-bottom: 12px; |
| 1084 } |
| 1085 |
| 1086 .timeline-status-dialog ::before { |
| 1087 display: inline-block; |
| 1088 width: 90px; |
| 1089 text-align: right; |
| 1090 color: #aaa; |
| 1091 margin-right: 10px; |
| 1092 } |
| 1093 |
| 1094 .timeline-status-dialog .status::before { |
| 1095 content: "Status"; |
| 1096 } |
| 1097 |
| 1098 .timeline-status-dialog .time::before { |
| 1099 content: "Time"; |
| 1100 } |
| 1101 |
| 1102 .timeline-status-dialog .buffer-usage::before { |
| 1103 content: "Buffer Usage"; |
| 1104 } |
| 1105 |
| 1106 .timeline-status-dialog .buffer-usage .indicator-container { |
| 1107 display: inline-block; |
| 1108 width: 200px; |
| 1109 height: 12px; |
| 1110 background-color: #f4f4f4; |
| 1111 display: inline-block; |
| 1112 margin: 0; |
| 1113 vertical-align: middle; |
| 1114 } |
| 1115 |
| 1116 .timeline-status-dialog .buffer-usage .indicator { |
| 1117 background-color: rgb(112, 166, 255); |
| 1118 height: 100%; |
| 1119 width: 0; |
| 1120 margin: 0; |
| 1121 } |
| 1122 |
| 1123 .timeline-status-dialog .stop-button { |
| 1124 text-align: center; |
| 1125 margin-top: 16px; |
| 1126 } |
| 1127 |
| 1128 .timeline-status-dialog button:disabled { |
| 1129 opacity: 0.5; |
| 1130 } |
OLD | NEW |