forked from shaka-project/triage-party-config
/
custom.css
131 lines (112 loc) · 3.24 KB
/
custom.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
/* Shaka Team Triage Party - CSS Overrides
*
* Copyright 2021 Google LLC
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* Shaka logo colors, for reference:
- blue: #5294d6
- red: #ef3232
- yellow: #fbbc09
- green: #3db94b
*/
.collapsible {
/* Show a pointer cursor (hand) for any collapsible element, so the user knows
* that they can click on it. */
cursor: pointer;
}
.no-matches, h3 {
/* Hide the very long mouse-over titles that duplicate what is on the screen.
* This doesn't hide the title from a screen-reader, though. */
pointer-events: none;
}
.tab-link {
/* Re-enable mouse events for the "open in tabs" link that appears within the
* h4 element. */
pointer-events: all
}
/* This is the text that states how to resolve a given set of issues. */
h4.subtitle {
/* Don't collapse whitespace in the description. */
white-space: pre;
}
h4.subtitle::after {
/* Insert a newline after the description. */
content: "\a";
}
.navbar-brand {
/* This link to the home page is fairly useless. This disables it. */
pointer-events: none;
}
.navbar {
background-color: #fafafa;
font-weight: bold;
}
.navbar,
a.navbar-item,
.navbar-end .button {
color: #5294d6;
}
.navbar-start .navbar-item:hover,
.navbar-end .button:hover {
background-color: #5294d6;
color: #fafafa;
}
.navbar-item.is-active {
/* Why, oh why, did the developers use "!important" on this? Now we have to
* follow suit to override it. */
background-color: #fbbc09 !important;
}
.navbar.secondary {
background-color: #3db94b;
}
.navbar-center {
color: white;
}
.navbar-brand img {
/* Change the image in the nav bar to our logo. */
content: url(https://shaka-player-demo.appspot.com/demo/shaka_logo_trans.png);
}
.navbar.secondary::before {
/* Add a go/ link under the title in the secondary nav bar. */
content: "go/shaka-triage";
color: white;
/* It should not take up space in the layout or move the navbar contents. */
position: absolute;
margin-left: 1em;
}
@media screen and (max-width: 1023px) {
/* On small screens, many navbar elements are hidden, and the player selector
* on the right is suddenly on the left, overlapping the go link. So let's
* move it back to the right on small screens, and keep our go link on the
* left. */
.navbar-right {
position: absolute;
right: 1em;
}
}
/* If and when we clear a the triage list, let's change the way that is shown.
* I just don't like the default. ~Joey
* See https://en.wikipedia.org/wiki/Bugzilla#Zarro_Boogs */
.celebrate h1 {
font-size: 60px;
display: inline-block;
}
.celebrate h2 {
content: url(https://shaka-player-demo.appspot.com/demo/shaka_logo_trans.png);
margin: auto; /* center it */
display: inline-block;
}
.celebrate p {
display: none;
}