1 /* Copyright (c) 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. */
6 box-sizing: border-box;
7 -webkit-font-smoothing:antialiased;
16 font-family: 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
29 border-right: 1px solid #CCCCCC;
34 font-family: 'Open Sans';
38 padding: 35px 0 20px 10px;
40 border-bottom: 1px solid #CCC;
52 border-top: 1px solid #FFF;
53 border-bottom: 1px solid #CCC;
63 background-image: url(icons.png);
64 background-repeat: no-repeat;
65 background-color: #F3F3F3;
66 background-size: 30px 420px;
68 text-decoration: none;
69 transition: background-color 0.2s ease-out, color 0.3s ease-in-out;
73 background-position: 14px 16px;
77 background-position: 14px -52px;
81 background-position: 14px -108px;
85 background-position: 13px -166px;
89 background-position: 15px -230px;
92 nav ul li#smoothlife a {
93 background-position: 13px -290px;
97 background-position: 13px -350px;
102 background-color: #444;
104 transition: background-color 0.1s ease-out, color 0.2s ease-in-out;
107 nav ul li:last-child:after {
111 border-bottom: 1px solid #FFF;
121 flex-direction: column;
125 box-shadow: 0 1px 1px rgba(0,0,0,0.3);
133 background-color: #ccc;
142 font-family: 'Open Sans';
146 padding: 20px 0 20px 10px;
148 border-bottom: 1px solid #CCC;
153 background-color: #fff;
163 box-shadow: 0 1px 1px rgba(0,0,0,0.3);
179 flex-direction: column;
189 font-family: 'Open Sans';
193 letter-spacing: -0.05em;
206 padding: 0 25px 25px 25px;
221 .demo div.Demo-content {
223 flex-direction: column;
226 .demo div.Demo-body {
227 border: 1px solid #DFDFDF;
232 .demo div.Demo-content embed {
253 border-top: 1px solid #CCC;
258 padding-bottom: 10px;
271 .demo tr:nth-child(2n) {
281 font-family: 'Open Sans';
285 letter-spacing: -0.06em;
288 .demo #loading-cover{
296 background-color: rgba(255, 255, 255, 0.8);
314 font-family: 'Open Sans';
317 letter-spacing: -0.06em;
327 .demo #terminal iframe {
332 .demo #rendererContainer {
333 width: calc(100% - 20px);
334 height: calc(100% - 20px);
339 pointer-events: none;
351 transition: background-color 0.2s ease-out;
358 .demo button.one-third {
375 box-shadow: 0 3px 8px rgba(0,0,0,0.3);
382 transition: width 0.1s ease-out;