Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(168)

Side by Side Diff: appengine/swarming/elements/res/imp/common/single-page-style.html

Issue 2337363004: Add task-page (Closed) Base URL: git@github.com:luci/luci-py@task-data
Patch Set: Alignment take 2 Created 4 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698