components/sync_driver/resources/sync_search.css

   1 /* Copyright (c) 2012 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 #sync-search-query {
   6   width: 16em;
   7 }
   8
   9 #sync-search-query[error] {
  10   background-color: rgb(255,170,170);
  11 }
  12
  13 .sync-search-quicklink {
  14   background-color: rgb(239,243,255);
  15   padding-left: 10px;
  16   padding-right: 10px;
  17 }
  18
  19 #sync-search-status {
  20   color: rgb(51,51,51);
  21   font-style: italic;
  22 }
  23
  24 #sync-results-container {
  25   display: -webkit-box;
  26   /* Should be > #sync-page's min-height. */
  27   /* TODO(akalin): Find a less hacky way to do this. */
  28   height: 750px;
  29 }
  30
  31 #sync-results-list {
  32   -webkit-padding-start: 10px;
  33   box-sizing: border-box;
  34   height: 100%;
  35   /* min-width and max-width are used by the split pane. */
  36   max-width: 50%;
  37   min-width: 50px;
  38   overflow: auto;
  39   padding: 5px;
  40   width: 275px;
  41 }
  42
  43 #sync-results-splitter {
  44   background-color: rgb(235, 239, 249);
  45   cursor: col-resize;
  46 <if expr="is_win">
  47   /* TODO(akalin): Make the BMM also use this style. */
  48   cursor: e-resize;
  49 </if>
  50   width: 5px;
  51 }
  52
  53 #sync-result-details-container {
  54   -webkit-box-flex: 1;
  55   height: 100%;
  56   overflow: auto;
  57   /* TODO(akalin): Figure out why this is needed, even with box-flex: 1. */
  58   width: 100%;
  59 }