native_client_sdk/src/resources/index.css

   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. */
   4
   5 html {
   6   color: #222;
   7   font-family: Arial, san-serif;
   8 }
   9 body {
  10   margin: 0;
  11 }
  12 .main-column {
  13   background-color: #fff;
  14   display: -webkit-flex;
  15   height: 100%;
  16   position: absolute;
  17   -webkit-flex-direction: column;
  18   width: 100%;
  19 }
  20 .header, .footer, .left-border, .right-border {
  21   background-color: #444;
  22   -webkit-flex: none;
  23 }
  24 .header {
  25   color: #fff;
  26   font-size: 150%;
  27   font-weight: bold;
  28   padding: 2px;
  29   -webkit-app-region: drag;
  30 }
  31 .left-border, .right-border {
  32   width: 2px;
  33 }
  34 .footer {
  35   height: 2px;
  36 }
  37 .close-button {
  38   background-image: url('button_close.png');
  39   float: right;
  40   height: 17px;
  41   margin: 8px 2px;
  42   text-align: center;
  43   -webkit-app-region: no-drag;
  44   width: 17px;
  45 }
  46 .close-button:hover {
  47   background-image: url('button_close_hover.png');
  48 }
  49 .main {
  50   display: -webkit-flex;
  51   min-height: 0;
  52   -webkit-flex: 1;
  53   -webkit-flex-direction: row;
  54 }
  55 .nav-wrapper {
  56   overflow-y: auto;
  57 }
  58 .nav {
  59   padding: 8px;
  60   -webkit-flex: initial;
  61 }
  62 .nav-group-header {
  63   font-weight: bold;
  64   padding: 4px 0;
  65 }
  66 .nav-item {
  67   cursor: pointer;
  68   font-size: 13px;
  69   padding: 4px 0;
  70 }
  71 .nav-item:hover {
  72   background-color: #eee;
  73 }
  74 .selected {
  75   color: #dd4b39;
  76 }
  77 .nav-title {
  78   padding-left: 8px;
  79 }
  80 .iframe-wrapper {
  81   overflow-y: auto;
  82   -webkit-flex: auto;
  83 }
  84 .config-group {
  85   border-bottom: 1px solid #ccc;
  86 }
  87 .config-header {
  88   font-weight: bold;
  89   padding: 4px 0;
  90 }
  91 .config-item {
  92   cursor: pointer;
  93   font-size: 13px;
  94   padding: 4px 0;
  95 }
  96 .config-item:hover {
  97   background-color: #eee;
  98 }
  99 iframe {
 100   border: none;
 101   width: 100%;
 102   height: auto;
 103 }