| Index: native_client_sdk/src/examples/resources/index.css
|
| diff --git a/native_client_sdk/src/examples/resources/index.css b/native_client_sdk/src/examples/resources/index.css
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..93f26634a2e9ee4675acf1874d8be622b89cd9a3
|
| --- /dev/null
|
| +++ b/native_client_sdk/src/examples/resources/index.css
|
| @@ -0,0 +1,88 @@
|
| +/* Copyright (c) 2013 The Chromium Authors. All rights reserved.
|
| + * Use of this source code is governed by a BSD-style license that can be
|
| + * found in the LICENSE file. */
|
| +
|
| +html {
|
| + color: #222;
|
| + font-family: Arial, san-serif;
|
| +}
|
| +body {
|
| + margin: 0;
|
| +}
|
| +.main-column {
|
| + background-color: #fff;
|
| + display: -webkit-flex;
|
| + height: 100%;
|
| + position: absolute;
|
| + -webkit-flex-direction: column;
|
| + width: 100%;
|
| +}
|
| +.header, .footer, .left-border, .right-border {
|
| + background-color: #444;
|
| + -webkit-flex: none;
|
| +}
|
| +.header {
|
| + color: #fff;
|
| + font-size: 150%;
|
| + font-weight: bold;
|
| + padding: 2px;
|
| + -webkit-app-region: drag;
|
| +}
|
| +.left-border, .right-border {
|
| + width: 2px;
|
| +}
|
| +.footer {
|
| + height: 2px;
|
| +}
|
| +.close-button {
|
| + background-image: url('button_close.png');
|
| + float: right;
|
| + height: 17px;
|
| + margin: 8px 2px;
|
| + text-align: center;
|
| + -webkit-app-region: no-drag;
|
| + width: 17px;
|
| +}
|
| +.close-button:hover {
|
| + background-image: url('button_close_hover.png');
|
| +}
|
| +.main {
|
| + display: -webkit-flex;
|
| + min-height: 0;
|
| + -webkit-flex: 1;
|
| + -webkit-flex-direction: row;
|
| +}
|
| +.nav-wrapper {
|
| + overflow-y: auto;
|
| +}
|
| +.nav {
|
| + padding: 8px;
|
| + -webkit-flex: initial;
|
| +}
|
| +.nav-group-header {
|
| + font-weight: bold;
|
| + padding: 4px 0;
|
| +}
|
| +.nav-item {
|
| + cursor: pointer;
|
| + font-size: 13px;
|
| + padding: 4px 0;
|
| +}
|
| +.nav-item:hover {
|
| + background-color: #eee;
|
| +}
|
| +.selected {
|
| + color: #dd4b39;
|
| +}
|
| +.nav-title {
|
| + padding-left: 8px;
|
| +}
|
| +.iframe-wrapper {
|
| + overflow-y: auto;
|
| + -webkit-flex: auto;
|
| +}
|
| +iframe {
|
| + border: none;
|
| + width: 100%;
|
| + height: auto;
|
| +}
|
|
|