Home | History | Annotate | Download | only in resources 
      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 iframe {
     85   border: none;
     86   width: 100%;
     87   height: auto;
     88 }
     89