xref: /aosp_15_r20/external/ktfmt/website/all.css (revision 5be3f65c8cf0e6db0a7e312df5006e8e93cdf9ec) 
1/**
2 * Copyright (c) Meta Platforms, Inc. and affiliates.
3 *
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
7 *
8 *     http://www.apache.org/licenses/LICENSE-2.0
9 *
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
15 */
16
17/* Forked from https://microsoft.github.io/monaco-editor/ */
18
19body {
20  padding: 54px 0 40px 0;
21  overflow-y: scroll;
22}
23
24body.home {
25  padding-top: 0;
26}
27
28body,
29input,
30button,
31select,
32textarea,
33.navbar-search .search-query {
34  font: 400 14px/1.4em "Segoe UI", "Open Sans", Calibri, Candara, Arial, sans-serif;
35}
36
37.navbar .nav {
38  float: left;
39  margin-right: 0;
40}
41
42a {
43  color: #0066cc;
44  cursor: pointer;
45}
46
47h1, h2, h3, h4, h5, h6 {
48  letter-spacing: -0.01em;
49  margin: 0;
50  line-height: normal;
51}
52
53/***** Bootstrap Cosmo Overrides *****/
54h1, h2 {
55  font-family: "Segoe UI Light", "Segoe UI", "Open Sans", Calibri, Candara, Arial, sans-serif;
56  font-weight: 300;
57}
58h1 {
59  font-size: 72px;
60  letter-spacing: -0.02em;
61}
62
63.hero-unit h1 {
64  font-size: 48px;
65}
66
67h2 {
68  font-size: 26px;
69}
70
71h3 {
72  font-size: 26px;
73}
74
75h4 {
76  font-size: 16px;
77}
78
79h1 small,
80h2 small,
81h3 small,
82h4 small,
83h5 small,
84h6 small {
85  color: #999;
86}
87
88.alert-heading,
89.alert h1,
90.alert h2,
91.alert h3,
92.alert h4,
93.alert h5,
94.alert h6 {
95  color: inherit;
96}
97
98.alert-info {
99  color: #3a87ad;
100  background-color: #d9edf7;
101}
102
103.navbar-inverse .navbar-inner {
104  background-color: #68217A;
105  -webkit-filter: none;
106          filter: none;
107}
108
109.navbar-inverse.home .navbar-inner {
110  background-color: transparent;
111}
112
113.navbar-inverse .btn-navbar {
114  background: transparent;
115  margin-top: 14px;
116}
117
118.navbar-inverse .btn-navbar:hover,
119.navbar-inverse .btn-navbar:focus,
120.navbar-inverse .btn-navbar:active,
121.navbar-inverse .btn-navbar.active,
122.navbar-inverse .btn-navbar.disabled,
123.navbar-inverse .btn-navbar[disabled] {
124  background: #442359;
125}
126
127.btn-primary {
128  background-color: #0072C6;
129}
130
131.home .hero-unit {
132  margin-top: -54px;
133  position: relative;
134  z-index: 100;
135}
136
137.hero-unit {
138  font-weight: normal;
139}
140
141.hero-unit h1 {
142  margin: 0 0 6px;
143}
144
145.nav-tabs > li > a {
146  color: #999;
147}
148
149.nav-tabs > li > a:hover {
150  color: #555;
151}
152
153.nav-tabs > .active > a,
154.nav-tabs > .active > a:hover,
155.nav-tabs > .active > a:focus {
156  color: #0072C6;
157}
158
159/***** General *****/
160
161body > section > .container {
162  padding-top: 12px;
163}
164
165.masthead {
166  background-color: #0072C6;
167  color: white;
168}
169
170.masthead .hero-unit {
171  padding: 30px 0 0;
172  background: none;
173}
174
175.navbar.home {
176  position: relative;
177  z-index: 500;
178}
179
180.navbar .nav>li>a {
181  text-shadow: none;
182  padding-top: 18px;
183  font-size: 14px;
184  text-transform: uppercase;
185}
186
187.navbar-inverse .nav-collapse .nav>li>a {
188  color: white;
189  padding-left: 0;
190}
191
192.navbar-inverse .nav>li>a.nav-item:focus, .navbar-inverse .nav>li>a.nav-item:hover {
193  background-color: rgba(0,0,0,.12);
194}
195
196.navbar-inverse .nav .active>a.nav-item, .navbar-inverse .nav .active>a.nav-item:hover, .navbar-inverse .nav .active>a.nav-item:focus {
197  color:#fff;
198  background-color: rgba(0,0,0,.24);
199  -webkit-box-shadow: none;
200          box-shadow: none;
201}
202
203.navbar .logo {
204  padding: 16px 12px 0 0px;
205  height: 35px;
206  display: block;
207  float: left;
208  color: #fff;
209  font-size: 24px;
210  letter-spacing: -1px;
211}
212
213.navbar .logo a {
214  color: #fff;
215  font-size: 24px;
216  letter-spacing: -1px;
217}
218
219.navbar-fixed-top {
220  z-index: 500;
221}
222
223.flgroup:after {
224  content: "";
225  display: block;
226  visibility: hidden;
227  height: 0;
228  clear: both;
229}
230
231/* Controls */
232
233/* Media Queries */
234@media (min-width: 1200px) {
235  h1, h2 {
236    letter-spacing: -0.04em;
237  }
238
239  .hero-unit h1 {
240    font-size: 72px;
241  }
242
243  h2 {
244    font-size: 36px;
245  }
246
247}
248
249#gh-link {
250  display: none;
251  position: fixed;
252  top: 0;
253  right: 0;
254  border: 0;
255  margin:0;
256  z-index: 1000;
257}
258@media (min-width: 980px) {
259  #gh-link {
260    display: block;
261  }
262}
263
264@media (min-width: 980px) {
265  .navbar .nav {
266    float: right;
267  }
268
269  .navbar-inverse .nav-collapse .nav>li>a {
270    padding-left: 15px;
271  }
272}
273
274@media (min-width: 768px) and (max-width: 979px) {
275  h1 {
276    letter-spacing: -0.02em;
277  }
278}
279
280@media (max-width: 979px) {
281  body {
282    padding: inherit;
283  }
284
285  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
286    margin-right: inherit;
287    margin-left: inherit;
288    margin-bottom: 0;
289  }
290
291  .navbar-fixed-top .navbar-inner {
292    padding: 0 20px;
293  }
294
295  .navbar .container {
296    width: 724px;
297  }
298}
299
300@media (max-width: 767px) {
301  .navbar .container {
302    width: 100%;
303  }
304}
305
306@media (max-width: 480px) {
307  .navbar .logo a {
308    display: none;
309  }
310}
311