0001 /*
0002 * Licensed to the Apache Software Foundation (ASF) under one or more
0003 * contributor license agreements. See the NOTICE file distributed with
0004 * this work for additional information regarding copyright ownership.
0005 * The ASF licenses this file to You under the Apache License, Version 2.0
0006 * (the "License"); you may not use this file except in compliance with
0007 * the License. You may obtain a copy of the License at
0008 *
0009 * http://www.apache.org/licenses/LICENSE-2.0
0010 *
0011 * Unless required by applicable law or agreed to in writing, software
0012 * distributed under the License is distributed on an "AS IS" BASIS,
0013 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
0014 * See the License for the specific language governing permissions and
0015 * limitations under the License.
0016 */
0017
0018 .navbar {
0019 font-size: 15px;
0020 margin-bottom: 15px;
0021 min-width: 600px;
0022 }
0023
0024 .navbar .brand {
0025 margin-right: 20px;
0026 margin-bottom: 0;
0027 margin-top: 0;
0028 margin-left: 10px;
0029 padding: 0;
0030 }
0031
0032 .navbar .nav > li {
0033 height: 50px;
0034 }
0035
0036 .navbar .nav > li a {
0037 height: 30px;
0038 line-height: 2;
0039 }
0040
0041 .navbar-text {
0042 height: 50px;
0043 line-height: 3.3;
0044 white-space: nowrap;
0045 }
0046
0047 table.sortable thead {
0048 cursor: pointer;
0049 }
0050
0051 table.sortable td {
0052 word-wrap: break-word;
0053 max-width: 600px;
0054 }
0055
0056 .progress {
0057 margin-bottom: 0px; position: relative
0058 }
0059
0060 .progress-completed .bar,
0061 .progress .bar-completed {
0062 background-color: #3EC0FF;
0063 background-image: -moz-linear-gradient(top, #44CBFF, #34B0EE);
0064 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#44CBFF), to(#34B0EE));
0065 background-image: -webkit-linear-gradient(top, #44CBFF, #34B0EE);
0066 background-image: -o-linear-gradient(top, #44CBFF, #34B0EE);
0067 background-image: linear-gradient(to bottom, #64CBFF, #54B0EE);
0068 background-repeat: repeat-x;
0069 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FF44CBFF', endColorstr='#FF34B0EE', GradientType=0);
0070 }
0071
0072 .progress-running .bar,
0073 .progress .bar-running {
0074 background-color: #A0DFFF;
0075 background-image: -moz-linear-gradient(top, #A4EDFF, #94DDFF);
0076 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A4EDFF), to(#94DDFF));
0077 background-image: -webkit-linear-gradient(top, #A4EDFF, #94DDFF);
0078 background-image: -o-linear-gradient(top, #A4EDFF, #94DDFF);
0079 background-image: linear-gradient(to bottom, #A4EDFF, #94DDFF);
0080 background-repeat: repeat-x;
0081 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#FFA4EDFF', endColorstr='#FF94DDFF', GradientType=0);
0082 }
0083
0084 a.kill-link {
0085 margin-right: 2px;
0086 margin-left: 20px;
0087 color: gray;
0088 float: right;
0089 }
0090
0091 a.name-link {
0092 word-wrap: break-word;
0093 }
0094
0095 span.expand-details {
0096 font-size: 10pt;
0097 cursor: pointer;
0098 color: grey;
0099 float: right;
0100 }
0101
0102 span.rest-uri {
0103 font-size: 10pt;
0104 font-style: italic;
0105 color: gray;
0106 }
0107
0108 pre {
0109 font-size: 12px;
0110 line-height: 18px;
0111 padding: 6px;
0112 margin: 0;
0113 word-break: break-word;
0114 border-radius: 3px;
0115 }
0116
0117 .stage-details {
0118 overflow-y: auto;
0119 margin: 0;
0120 display: block;
0121 transition: max-height 0.25s ease-out, padding 0.25s ease-out;
0122 }
0123
0124 .stage-details.collapsed {
0125 padding-top: 0;
0126 padding-bottom: 0;
0127 border: none;
0128 display: none;
0129 }
0130
0131 .description-input {
0132 overflow: hidden;
0133 text-overflow: ellipsis;
0134 width: 100%;
0135 white-space: nowrap;
0136 display: block;
0137 }
0138
0139 .description-input-full {
0140 overflow: hidden;
0141 text-overflow: ellipsis;
0142 width: 100%;
0143 white-space: normal;
0144 display: block;
0145 }
0146
0147 .stacktrace-details {
0148 max-height: 300px;
0149 overflow-y: auto;
0150 margin: 0;
0151 display: block;
0152 transition: max-height 0.25s ease-out, padding 0.25s ease-out;
0153 }
0154
0155 .stacktrace-details.collapsed {
0156 padding-top: 0;
0157 padding-bottom: 0;
0158 border: none;
0159 display: none;
0160 }
0161
0162 span.expand-dag-viz, span.collapse-table {
0163 cursor: pointer;
0164 }
0165
0166 .collapsible-table.collapsed {
0167 display: none;
0168 }
0169
0170 .tooltip {
0171 font-weight: normal;
0172 }
0173
0174 .arrow-open {
0175 width: 0;
0176 height: 0;
0177 border-left: 5px solid transparent;
0178 border-right: 5px solid transparent;
0179 border-top: 5px solid #08c;
0180 display: inline-block;
0181 margin-bottom: 2px;
0182 }
0183
0184 .arrow-closed {
0185 width: 0;
0186 height: 0;
0187 border-top: 5px solid transparent;
0188 border-bottom: 5px solid transparent;
0189 border-left: 5px solid #08c;
0190 display: inline-block;
0191 margin-left: 2px;
0192 margin-right: 3px;
0193 }
0194
0195 .version {
0196 line-height: 2.5;
0197 vertical-align: bottom;
0198 font-size: 12px;
0199 padding: 0;
0200 margin: 0;
0201 font-weight: bold;
0202 color: #777;
0203 }
0204
0205 .accordion-inner {
0206 background: #f5f5f5;
0207 }
0208
0209 .accordion-inner pre {
0210 border: 0;
0211 padding: 0;
0212 background: none;
0213 }
0214
0215 a.expandbutton {
0216 cursor: pointer;
0217 }
0218
0219 .threaddump-td-mouseover {
0220 background-color: #49535a !important;
0221 color: white;
0222 cursor:pointer;
0223 }
0224
0225 .table-head-clickable th a, .table-head-clickable th a:hover {
0226 /* Make the entire header clickable, not just the text label */
0227 display: block;
0228 width: 100%;
0229 /* Suppress the default link styling */
0230 color: #333;
0231 text-decoration: none;
0232 }
0233
0234 .log-more-btn, .log-new-btn {
0235 width: 100%
0236 }
0237
0238 .no-new-alert {
0239 text-align: center;
0240 margin: 0;
0241 padding: 4px 0;
0242 }
0243
0244 .table-cell-width-limited td {
0245 max-width: 600px;
0246 }
0247
0248 .paginate_button.active {
0249 border: 1px solid #979797 !important;
0250 background: white linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
0251 }
0252
0253 .title-table {
0254 clear: left;
0255 display: inline-block;
0256 }
0257
0258 .table-dataTable {
0259 width: 100%;
0260 }
0261
0262 .container-fluid-div {
0263 width: 200px;
0264 }
0265
0266 .select-all-div-checkbox-div {
0267 width: 90px;
0268 }
0269
0270 .scheduler-delay-checkbox-div {
0271 width: 130px;
0272 }
0273
0274 .task-deserialization-time-checkbox-div {
0275 width: 190px;
0276 }
0277
0278 .shuffle-read-blocked-time-checkbox-div {
0279 width: 200px;
0280 }
0281
0282 .shuffle-remote-reads-checkbox-div {
0283 width: 170px;
0284 }
0285
0286 .result-serialization-time-checkbox-div {
0287 width: 185px;
0288 }
0289
0290 .getting-result-time-checkbox-div {
0291 width: 155px;
0292 }
0293
0294 .peak-execution-memory-checkbox-div {
0295 width: 180px;
0296 }
0297
0298 #active-tasks-table th {
0299 border-top: 1px solid #dddddd;
0300 border-bottom: 1px solid #dddddd;
0301 border-right: 1px solid #dddddd;
0302 }
0303
0304 #active-tasks-table th:first-child {
0305 border-left: 1px solid #dddddd;
0306 }
0307
0308 #accumulator-table th {
0309 border-top: 1px solid #dddddd;
0310 border-bottom: 1px solid #dddddd;
0311 border-right: 1px solid #dddddd;
0312 }
0313
0314 #accumulator-table th:first-child {
0315 border-left: 1px solid #dddddd;
0316 }
0317
0318 #summary-executor-table th {
0319 border-top: 1px solid #dddddd;
0320 border-bottom: 1px solid #dddddd;
0321 border-right: 1px solid #dddddd;
0322 }
0323
0324 #summary-executor-table th:first-child {
0325 border-left: 1px solid #dddddd;
0326 }
0327
0328 #summary-metrics-table th {
0329 border-top: 1px solid #dddddd;
0330 border-bottom: 1px solid #dddddd;
0331 border-right: 1px solid #dddddd;
0332 }
0333
0334 #summary-metrics-table th:first-child {
0335 border-left: 1px solid #dddddd;
0336 }
0337
0338 #summary-execs-table th {
0339 border-top: 1px solid #dddddd;
0340 border-bottom: 1px solid #dddddd;
0341 border-right: 1px solid #dddddd;
0342 }
0343
0344 #summary-execs-table th:first-child {
0345 border-left: 1px solid #dddddd;
0346 }
0347
0348 #active-executors-table th {
0349 border-top: 1px solid #dddddd;
0350 border-bottom: 1px solid #dddddd;
0351 border-right: 1px solid #dddddd;
0352 }
0353
0354 #active-executors-table th:first-child {
0355 border-left: 1px solid #dddddd;
0356 }