• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/* Copyright 2013 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
6html {
7  height: 100%;
8}
9
10body {
11  background-color: #fbfbfb;
12  height: 100%;
13  margin: 0;
14  padding: 0;
15  width: 100%;
16}
17
18.title-bar {
19  -webkit-align-items: center;
20  -webkit-app-region: drag;
21  background-color: #fff;
22  box-shadow: 0 1px #d0d0d0;
23  color: rgb(80, 80, 82);
24  display: -webkit-flex;
25  font-size: 15px;
26  height: 48px;
27}
28
29.title-bar #page-title {
30  -webkit-flex: 1 1 auto;
31  -webkit-margin-start: 20px;
32}
33
34.title-bar .button-bar {
35  -webkit-flex: 0 1 auto;
36}
37
38.content {
39  color: #646464;
40  font-size: 12px;
41  margin: 20px;
42}
43
44.content #description-text {
45  border-color: #c8c8c8;
46  box-sizing: border-box;
47  height: 120px;
48  line-height: 18px;
49  padding: 10px;
50  resize: none;
51  width: 100%;
52}
53
54.content .text-field-container {
55  -webkit-align-items: center;
56  -webkit-padding-start: 10px;
57  display: -webkit-flex;
58  height: 29px;
59  margin-top: 10px;
60}
61
62.content .text-field-container > label {
63  -webkit-flex: 0 1 auto;
64  width: 100px;
65}
66
67.content .text-field-container > input[type=text] {
68  -webkit-flex: 1 1 auto;
69  -webkit-padding-start: 5px;
70  border: 1px solid;
71  border-color: #c8c8c8;
72  color: #585858;
73  height: 100%;
74}
75
76.content .text-field-container > input[type=checkbox] {
77  margin-right: 9px;
78}
79
80.content .checkbox-field-container {
81  -webkit-align-items: center;
82  display: -webkit-flex;
83  height: 29px;
84}
85
86#screenshot-container {
87  margin-top: 10px;
88}
89
90.content #screenshot-image {
91  -webkit-margin-start: 100px;
92  display: block;
93  height: 60px;
94  margin-top: 40px;
95  transition: all 250ms ease;
96}
97
98.content #screenshot-image:hover {
99  -webkit-margin-start: 80px;
100  height: 125px;
101  margin-top: 80px;
102  z-index: 1;
103}
104
105.content #screenshot-image.wide-screen {
106  height: auto;
107  width: 100px;
108}
109
110.content #screenshot-image.wide-screen:hover {
111  height: auto;
112  width: 200px;
113}
114
115.content #privacy-note {
116  color: #969696;
117  font-size: 10px;
118  line-height: 15px;
119  margin-bottom: 20px;
120  margin-top: 20px;
121}
122
123.content .buttons-pane {
124  display: -webkit-flex;
125  justify-content: flex-end
126}
127
128.content .remove-file-button {
129  -webkit-margin-start: 5px;
130  background-color: transparent;
131  background-image: -webkit-image-set(
132      url('chrome://resources/images/apps/button_butter_bar_close.png') 1x,
133      url('chrome://resources/images/2x/apps/button_butter_bar_close.png') 2x);
134  background-position: 50% 80%;
135  background-repeat: no-repeat;
136  border: none;
137  height: 16px;
138  pointer-events: auto;
139  width: 16px;
140}
141
142.content .remove-file-button:hover {
143  background-image: -webkit-image-set(
144      url('chrome://resources/images/apps/button_butter_bar_close_hover.png') 1x,
145      url('chrome://resources/images/2x/apps/button_butter_bar_close_hover.png') 2x);
146}
147
148.content .remove-file-button:active {
149  background-image: -webkit-image-set(
150      url('chrome://resources/images/apps/button_butter_bar_close_pressed.png') 1x,
151      url('chrome://resources/images/2x/apps/button_butter_bar_close_pressed.png') 2x);
152}
153
154.content #attach-file-note {
155  -webkit-margin-start: 112px;
156  margin-bottom: 10px;
157  margin-top: 10px;
158}
159
160.content .attach-file-notification {
161  color: rgb(204, 0, 0);
162  font-weight: bold;
163}
164
165button.white-button {
166  -webkit-margin-end: 10px;
167  color: #000;
168}
169
170button.blue-button {
171  color: #fff;
172  text-shadow: 1px sharp drop shadow rgb(45, 106, 218);
173}
174