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

Side by Side Diff: chrome/browser/resources/media_router/elements/issue_banner/issue_banner.css

Issue 1023673008: Add Media Router issue-banner. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 8 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
(Empty)
1 /* Copyright 2015 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */
4
5 button {
6 -webkit-appearance: none;
7 border: 1px solid rgb(193, 193, 195);
8 color: rgb(44, 44, 44);
9 cursor: pointer;
10 font-size: 0.875em;
11 font-weight: bold;
12 height: 32px;
13 overflow: hidden;
14 text-align: center;
15 width: 100%;
16 }
17
18 .button-secondary {
19 background: linear-gradient(to top, rgb(254, 254, 254), rgb(222, 222, 222));
20 }
21
22 .button-action {
23 background: linear-gradient(to top, rgb(89, 158, 244), rgb(75, 134, 241));
24 border: 1px solid rgb(55, 113, 206);
25 color: white;
26 }
27
28 .issue-action {
29 color: black;
30 cursor: pointer;
31 text-decoration: underline;
32 }
33
34 .blocking-issue-header {
35 overflow: hidden;
36 }
37
38 .blocking-issue-message {
39 color: rgb(125, 125, 125);
40 display: block;
41 line-height: 18px;
42 vertical-align: middle;
43 }
44
45 .blocking-issue-title {
46 display: block;
47 font-weight: bold;
48 line-height: 18px;
49 vertical-align: top;
50 }
51
52 :host-context(html[dir='ltr']) .blocking-issue-message,
53 :host-context(html[dir='ltr']) .blocking-issue-title {
54 padding-left: 8px;
55 }
56
57 :host-context(html[dir='rtl']) .blocking-issue-message,
58 :host-context(html[dir='rtl']) .blocking-issue-title {
59 padding-right: 8px;
60 }
61
62 .non-blocking-issue {
63 background-color: rgb(249, 236, 191);
64 display: block;
65 line-height: 20px;
66 padding-bottom: 6px;
67 padding-top: 6px;
68 }
69
70 :host-context(html[dir='ltr']) .non-blocking-issue {
71 padding-left: 12px;
72 }
73
74 :host-context(html[dir='rtl']) .non-blocking-issue {
75 padding-right: 12px;
76 }
77
78 .sad-face {
79 background-image: -webkit-image-set(
80 url(../icon/sad-face.png) 1x,
81 url(../icon/sad-face2x.png) 2x);
82 background-repeat: no-repeat;
83 height: 32px;
84 width: 32px;
85 }
86
87 :host-context(html[dir='ltr']) .sad-face {
88 float: left;
89 left: 4px;
90 }
91
92 :host-context(html[dir='rtl']) .sad-face {
93 float: right;
94 right: 4px;
95 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698