1/*
2 * TODO(xiyuan): Remove the section overrides when options_page.css uses the
3 * new style.
4 */
5#inetTitle {
6  border: none;
7}
8
9#internetPage > section > h3 {
10  font-size: 100%;
11  width: auto;
12}
13
14#internetPage > section[hidden] {
15  display: none;
16}
17
18#internetPage > section > div:only-of-type > div.checkbox {
19  margin: 10px 0;
20  -webkit-margin-start: 10px;
21}
22
23#networking-controls {
24  display: -webkit-box;
25  -webkit-margin-start: 10px;
26}
27
28.networks {
29  -webkit-margin-start: 15px;
30  padding: 2px;
31}
32
33.network-password {
34  left: 0px;
35  position: relative;
36}
37
38.network-password > input, .network-password > select {
39  width: 200px;
40}
41
42.network-item {
43  -webkit-box-align: center;
44  -webkit-padding-start: 30px;
45  border: 1px solid rgba(255,255,255,0); /* transparent white */
46  border-radius: 2px;
47  display: -webkit-box;
48  height: 35px;
49}
50
51.network-item[connectable]:hover {
52  border-color: hsl(214, 91%, 85%);
53  background-color: hsl(214, 91%, 97%);
54}
55
56.network-item[connected] {
57  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8),
58                                            rgba(255, 255, 255, 0));
59  background-color: hsl(214,91%,89%);
60  border-color: hsl(214, 91%, 65%);
61}
62
63.network-item[connected]:hover {
64  background-color: hsl(214, 91%, 87%);
65  border-color: hsl(214, 91%, 65%);
66}
67
68.network-item[connecting] {
69  background-color: hsl(214, 91%, 97%);
70  border-color: hsl(214, 91%, 85%);
71  padding-top: 5px;
72  height: 60px;
73  -webkit-box-align: start;
74  display: block;
75}
76
77.network-item[connecting][other] {
78  height: 105px;
79}
80
81.network-item-text {
82  -webkit-padding-start: 30px;
83  background: left center no-repeat;
84  cursor: default;
85  display: table-cell;
86  height: 32px;
87  line-height: 100%;
88  max-width: 320px;
89  overflow: hidden;
90  vertical-align: middle;
91}
92
93html[dir='rtl'] .network-item-text {
94  background: right center no-repeat;
95}
96
97
98.network-item[connected] > * > .network-name-label {
99  font-weight: bold;
100}
101
102.network-status-label {
103  color: grey;
104}
105
106.network-item > * > button {
107  min-width: 100px;
108  visibility: hidden;
109  margin-right: 5px;
110}
111
112.network-item:hover > * > button,
113.network-item[connected] > * > button {
114  visibility: visible;
115}
116
117.network-item[connecting] > * > button {
118  visibility: hidden;
119}
120
121.network-item-box-spacer {
122  -webkit-box-flex: 1;
123}
124
125#detailsInternetPage {
126  min-width: 400px;
127  min-height: 420px;
128  position: relative;
129}
130
131.details-button {
132  float: right;
133}
134
135#details-plan-table {
136  width: 100%;
137}
138
139#planSummary {
140  width: 350px;
141  padding-bottom: 5px;
142}
143
144#planWarning {
145  width: 350px;
146  padding-top: 5px;
147  font-weight: bold;
148}
149
150html[dir='rtl'] .details-button {
151  float: left;
152}
153
154#locked-network-banner {
155  height: 31px;
156  width: 100%;
157  margin: 0;
158  padding-top: 10px;
159  vertical-align: middle;
160}
161
162#locked-network-icon {
163  background-image: url("chrome://theme/IDR_WARNING");
164  background-repeat: no-repeat;
165  background-position:center;
166  display: inline-block;
167  padding: 5px;
168  height: 21px;
169  vertical-align: middle;
170  width: 24px;
171}
172
173#access-locked-text {
174  vertical-align: middle;
175}
176
177#internet-owner-only-warning {
178  margin-bottom: 10px;
179  margin-top: 10px;
180  padding-bottom: 1px;
181  -webkit-margin-start: 10px;
182  -webkit-padding-start: 20px;
183  background-repeat: no-repeat;
184  background-image: url('warning.png');
185}
186
187#internetPage:not([accesslocked]) #locked-network-banner,
188#internetPage[accesslocked] #wireless-buttons,
189#internetPage[accesslocked] #wired-section,
190#internetPage[accesslocked] #wireless-section,
191#internetPage[accesslocked] #remembered-section,
192#internetPage[accesslocked] #detailsInternetPage {
193  display: none;
194}
195
196#detailsInternetPage:not([connected]) > #advancedSection,
197#detailsInternetPage:not([wireless]) > * > #detailsInternetOk,
198#detailsInternetPage[ethernet] .wifi-details,
199#detailsInternetPage[ethernet] .cellular-details,
200#detailsInternetPage[cellular] .wifi-details,
201#detailsInternetPage[wireless] .cellular-details,
202#detailsInternetPage[cellplanloading] .no-plan-info,
203#detailsInternetPage[cellplanloading] .plan-details-info,
204#detailsInternetPage[cellplanloading] #planList,
205#detailsInternetPage[hascellplan] .plan-loading-info,
206#detailsInternetPage[hascellplan] .no-plan-info,
207#detailsInternetPage[nocellplan] .plan-loading-info,
208#detailsInternetPage[nocellplan] .plan-details-info,
209#detailsInternetPage:not([gsm]) .gsm-only,
210#detailsInternetPage[gsm] .cdma-only,
211#detailsInternetPage:not([password]) .password-details {
212  display: none;
213}
214
215#wireless-buttons > * > button {
216  margin-left: 5px;
217}
218