1 /* Copyright (c) 2012 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. */
19 -webkit-padding-end: 19px;
20 -webkit-padding-start: 20px;
21 background-color: #F6F6F6;
22 border-bottom: 1px solid
#d2d2d2;
25 #print-preview #navbar-container
{
26 -webkit-border-end: 1px solid
#c8c8c8;
27 -webkit-box-orient: vertical
;
28 -webkit-user-select: none
;
29 background-color: white
;
36 #navbar-content-title {
45 #navbar-scroll-container {
48 border-top: 1px solid
#f3f3f3;
60 -webkit-padding-end: 20px;
65 .right-column
.checkbox
,
66 .right-column .radio {
70 .right-column
.checkbox label
,
71 .right-column .radio label {
76 .right-column .radio input[type='radio'] {
82 -webkit-padding-end: 20px;
83 -webkit-padding-start: 20px;
86 vertical-align: middle
;
96 .two-column
.visible
.left-column
,
97 .two-column.visible .right-column {
102 .two-column:not
(.visible
) .left-column
,
103 .two-column:not(.visible) .right-column {
104 -webkit-transition: padding-bottom
150ms, padding-top
150ms;
109 .two-column:not(.visible) select {
116 -webkit-line-box-contain: block
;
126 #print-preview .navbar-link
{
130 #print-preview .navbar-link
.disabled
{
131 color: rgba
(0, 0, 0, .5);
133 pointer-events: none
;
140 #print-preview button
.default
{
144 #print-preview button
.default:not
(:focus
):not
(:disabled
) {
145 border-color: #808080;
149 -webkit-transition: color
200ms;
161 -webkit-animation-duration: 200ms;
162 -webkit-animation-fill-mode: forwards
;
163 -webkit-user-select: text
;
164 color: rgb
(140, 20, 20);
172 -webkit-transition: margin
150ms, height
150ms, opacity
150ms;
173 background: transparent
;
174 height: 0 !important
;
184 .collapsible.visible {
185 -webkit-animation-duration: 200ms;
186 -webkit-animation-fill-mode: forwards
;
190 .collapsible.closing {
191 -webkit-transition: margin
150ms, height
150ms, opacity
150ms;
192 height: 0 !important
;
197 .collapsible.closing > * {
206 -webkit-user-select: none
;
224 -webkit-animation-duration: 200ms;
225 -webkit-animation-fill-mode: forwards
;
235 -webkit-transition: padding-top
100ms, height
100ms, opacity
200ms,
237 height: 0 !important
;
245 /* Individual settings sections */
247 /* TODO(estade): this should be in a shared location but I'm afraid of the
248 * damage it could do. */
250 display: none
!important
;
253 @-webkit-keyframes dancing-dots-jump
{
263 span
.jumping-dots
> span
{
264 -webkit-animation: dancing-dots-jump
1800ms infinite
;
269 span
.jumping-dots
> span:nth-child
(2) {
270 -webkit-animation-delay: 100ms;
273 span
.jumping-dots
> span:nth-child
(3) {
274 -webkit-animation-delay: 300ms;
277 #print-header .button-strip
{
278 -webkit-box-orient: horizontal
;
279 -webkit-box-pack: end
;
280 display: -webkit-box
;
283 #print-header .button-strip button
{
284 -webkit-margin-start: 9px;
289 -webkit-box-orient: vertical
;
290 display: -webkit-box
;
294 #link-container > div
{
298 #link-container > div
> .throbber
{
305 -webkit-border-start: 1px solid
#dcdcdc;
307 -webkit-box-orient: vertical
;
308 display: -webkit-box
;
313 html:not
(.focus-outline-visible
)
314 :enabled:focus:-webkit-any
(input
[type
='checkbox'],
317 /* Cancel border-color for :focus specified in widgets.css. */
318 border-color: rgba
(0,0,0,0.25);
321 html:not
(.focus-outline-visible
) [is
='action-link']:focus
{