| OLD | NEW | 
|---|
| 1 <!-- | 1 <!-- | 
| 2   Copyright 2016 The LUCI Authors. All rights reserved. | 2   Copyright 2016 The LUCI Authors. All rights reserved. | 
| 3   Use of this source code is governed under the Apache License, Version 2.0 | 3   Use of this source code is governed under the Apache License, Version 2.0 | 
| 4   that can be found in the LICENSE file. | 4   that can be found in the LICENSE file. | 
| 5 | 5 | 
| 6   This contains the shared styles for the "single page" look, e.g. bot-page. | 6   This contains the shared styles for the "single page" look, e.g. bot-page. | 
| 7   To use, include this file and then | 7   To use, include this file and then | 
| 8 | 8 | 
| 9   <style include="single-page-style"> | 9   <style include="single-page-style"> | 
| 10 | 10 | 
| 11   --> | 11   --> | 
| 12 | 12 | 
| 13 <dom-module id="single-page-style"> | 13 <dom-module id="single-page-style"> | 
| 14   <template> | 14   <template> | 
| 15     <style> | 15     <style> | 
| 16       .header { | 16       .header { | 
| 17         max-width: 450px; | 17         max-width: 450px; | 
| 18       } | 18       } | 
| 19 | 19 | 
| 20       .title { | 20       .title { | 
| 21         font-size: 1.5em; | 21         font-size: 1.5em; | 
| 22         font-weight: bold; | 22         font-weight: bold; | 
| 23         margin-top: 5px; | 23         margin: 5px; | 
| 24         margin-bottom: 5px; |  | 
| 25       } | 24       } | 
| 26       .id_input { | 25       .id_input { | 
|  | 26         margin-left: 5px; | 
| 27         --paper-input-container-input: { | 27         --paper-input-container-input: { | 
| 28           font-size: 2em; | 28           font-size: 2em; | 
| 29         }; | 29         }; | 
| 30       } | 30       } | 
| 31       .refresh { | 31       .refresh { | 
| 32         max-width: 50px; | 32         max-width: 40px; | 
| 33         max-height: 50px; | 33         max-height: 40px; | 
| 34         width: initial; | 34         width: initial; | 
| 35         height: initial; | 35         height: initial; | 
| 36       } | 36       } | 
|  | 37       button { | 
|  | 38         min-width: 4em; | 
|  | 39         max-height: 55px; | 
|  | 40       } | 
| 37 | 41 | 
| 38       table { | 42       table { | 
| 39         border-collapse: collapse; | 43         border-collapse: collapse; | 
| 40         margin-left: 5px; | 44         margin-left: 5px; | 
| 41         margin-bottom: 5px; | 45         margin-bottom: 8px; | 
| 42       } | 46       } | 
| 43       td, | 47       td, | 
| 44       th { | 48       th { | 
| 45         border: 1px solid #BBB; | 49         border: 1px solid #BBB; | 
| 46         padding: 5px; | 50         padding: 5px; | 
| 47       } | 51       } | 
| 48 | 52 | 
| 49       .tabs { | 53       .tabs { | 
| 50         background-color: #1F78B4; | 54         background-color: #1F78B4; | 
| 51         color: #fff; | 55         color: #fff; | 
| 52         max-width: 600px; | 56         max-width: 600px; | 
|  | 57         margin-left: 5px; | 
| 53         --paper-checkbox-label-color: #fff; | 58         --paper-checkbox-label-color: #fff; | 
| 54         margin-left: 5px; |  | 
| 55       } | 59       } | 
| 56 | 60 | 
| 57       paper-tab { | 61       paper-tab { | 
| 58         background-color: #A6CEE3; | 62         background-color: #A6CEE3; | 
| 59         color: #000; | 63         color: #000; | 
| 60       } | 64       } | 
| 61 | 65 | 
| 62       paper-tab.iron-selected { | 66       paper-tab.iron-selected { | 
| 63         background-color: #1F78B4; | 67         background-color: #1F78B4; | 
| 64         color: #fff; | 68         color: #fff; | 
| 65         font-weight: bold; | 69         font-weight: bold; | 
| 66         text-decoration: underline; | 70         text-decoration: underline; | 
| 67       } | 71       } | 
| 68 | 72 | 
| 69       paper-tab[disabled] { | 73       paper-tab[disabled] { | 
| 70         background-color: #AAA; | 74         background-color: #AAA; | 
| 71         text-decoration: line-through; | 75         text-decoration: line-through; | 
| 72       } | 76       } | 
| 73 | 77 | 
| 74       /* These colors are from buildbot */ | 78       /* These colors are from buildbot */ | 
| 75       .quarantined, | 79       .quarantined, { | 
| 76       .failed_task { |  | 
| 77         background-color: #ffdddd; | 80         background-color: #ffdddd; | 
| 78       } | 81       } | 
| 79       .dead, | 82       .dead { | 
| 80       .bot_died { |  | 
| 81         background-color: #cccccc; | 83         background-color: #cccccc; | 
| 82       } | 84       } | 
| 83       .exception { |  | 
| 84         background-color: #edd2ff; |  | 
| 85       } |  | 
| 86       .pending { |  | 
| 87         background-color: #fffc6c; |  | 
| 88       } |  | 
| 89 | 85 | 
| 90     </style> | 86     </style> | 
| 91   </template> | 87   </template> | 
| 92 </dom-module> | 88 </dom-module> | 
| OLD | NEW | 
|---|