| 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 |