- add sources.
[platform/framework/web/crosswalk.git] / src / chrome / browser / resources / help / help.css
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.
4  */
5
6 body {
7   -webkit-user-select: text;
8 }
9
10 #overlay .page:not(.showing) {
11   display: none;
12 }
13
14 #about-container {
15   -webkit-box-align: center;
16   display: -webkit-box;
17   margin-top: 10px;
18 }
19
20 #product-description {
21   -webkit-margin-start: 10px;
22 }
23
24 #version-container {
25   margin-top: 30px;
26 }
27
28 #update-buttons-container {
29   margin-top: 5px;
30 }
31
32 #update-status-container {
33   margin-top: 10px;
34 }
35
36 #update-status {
37   vertical-align: middle;
38 }
39
40 #update-percentage {
41   font-size: 90%;
42 }
43
44 #get-help,
45 #promote {
46   -webkit-margin-end: 4px;
47 }
48
49 #help-container {
50   margin-top: 16px;
51 }
52
53 #product-container {
54   line-height: 1.8em;
55   margin-top: 200px;
56 }
57
58 .help-page-icon,
59 .help-page-icon-large {
60   background-repeat: no-repeat;
61   display: inline-block;
62   margin-right: 4px;
63   vertical-align: top;
64 }
65
66 .help-page-icon {
67   height: 17px;
68   width: 17px;
69 }
70
71 .help-page-icon-large {
72   height: 22px;
73   width: 22px;
74 }
75
76 #update-status-icon.up-to-date {
77   background-image: url('chrome://theme/IDR_UPDATE_UPTODATE');
78   background-size: 17px;
79 }
80
81 #update-status-icon.working {
82   background-image: url('chrome://resources/images/throbber.svg');
83 }
84
85 #update-status-icon.failed {
86   background-image: url('chrome://theme/IDR_UPDATE_FAILED');
87   background-size: 17px;
88 }
89
90 #update-status-message-container {
91   display: inline-block;
92   vertical-align: top;
93 }
94
95 #more-info-expander {
96   -webkit-padding-start: 0;
97 }
98
99 #more-info-container.visible {
100   margin-bottom: 1.5em;
101 }
102
103 #more-info-container {
104   -webkit-transition: all 500ms linear;
105   height: 0;
106   margin-bottom: 0;
107   overflow: hidden;
108 }
109
110 #build-date-container.empty {
111   visibility: hidden;
112 }
113
114 #channel-change-confirmation {
115   margin-top: 5px;
116 }
117
118 #change-channel {
119   margin-top: 8px;
120 }
121
122 #channel-change-disallowed-icon {
123   -webkit-margin-start: 4px;
124   background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY_GRAY');
125   background-size: 17px;
126   vertical-align: middle;
127 }
128
129 .channel-change-error-bubble {
130   display: -webkit-box;
131 }
132
133 .channel-change-error-icon {
134   -webkit-margin-start: 4px;
135   background-image:
136       url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY_LARGE');
137   background-size: 22px;
138   vertical-align: top;
139 }
140
141 .channel-change-error-text {
142   -webkit-margin-start: 4px;
143   display: block;
144   vertical-align: top;
145   width: 240px;
146 }